VB のたまご

作成日: 2017/05/14, 更新日: 2017/05/14



Navigation1

  •  ナビゲーション機能は、表示画面を切り替えたり、切り替え時に詳細処理をおこなうことができる機能です。

  • イメージ
    スポンサーリンク


  •  ここでは、View から値を受け取り、画面を切り替える方法を学習します。

  •  まずは View です。 これは Shell となる View ですが、ボタンを押したときに、遷移したい View 名をパラメータに渡しています。 切り替えた画面は、ContentRegion 区画に表示されます。

  • <Button 
        Content="AView へ遷移" 
        Command="{Binding NavigateCommand}" 
        CommandParameter="AView" 
        Margin="5" />
    
    <Button 
        Content="BView へ遷移" 
        Command="{Binding NavigateCommand}" 
        CommandParameter="BView" 
        Margin="5" />
    
    <ContentControl 
        prism:RegionManager.RegionName="ContentRegion"
        Margin="5" />
    

  •  続いて ボタンを押したときのコマンドを定義している ViewModel です。 画面の遷移は、IRegionManager クラスの RequestNavigate メソッドを使って、指定区画名とインジェクションする View 名を渡します。

  • Public Property NavigateCommand As DelegateCommand(Of String)
    
    <Dependency>
    Public Property Manager As IRegionManager
    
    Public Sub New()
        Me.NavigateCommand = New DelegateCommand(Of String)(AddressOf Me.Navigate)
    End Sub
    
    Private Sub Navigate(viewName As String)
    
        If Not String.IsNullOrWhiteSpace(viewName) Then
            Me.Manager.RequestNavigate("ContentRegion", viewName)
        End If
    
    End Sub
    

  •  このサンプルを実行すると、ボタンが2つ表示されるので、ボタンを押すたびに、画面が切り替わり表示されます。

  •  それでは、以下ソース全体です。

  •  切り替えて表示するための画面を管理するプロジェクト

  •  AViewModel.vb

  • Imports Prism.Mvvm
    
    Namespace ViewModels
    
        Public Class AViewModel
            Inherits BindableBase
    
        End Class
    
    End Namespace
    

  •  BViewModel.vb

  • Imports Prism.Mvvm
    
    Namespace ViewModels
    
        Public Class BViewModel
            Inherits BindableBase
    
        End Class
    
    End Namespace
    

  •  AView.xaml
  •  画面クラスのコードビハインドには、名前空間の追加以外、処理はありません。

  • <UserControl x:Class="Views.AView"
                 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
                 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
                 xmlns:local="clr-namespace:ClassLibrary1.Views"
                 xmlns:prism="http://prismlibrary.com/"
                 prism:ViewModelLocator.AutoWireViewModel="True"
                 mc:Ignorable="d" 
                 d:DesignHeight="300" d:DesignWidth="300">
        
        <Grid>
            <TextBlock Text="View A" FontSize="48" HorizontalAlignment="Center" VerticalAlignment="Center" />
        </Grid>
    
    </UserControl>
    

  •  BView.xaml
  •  画面クラスのコードビハインドには、名前空間の追加以外、処理はありません。

  • <UserControl x:Class="Views.BView"
                 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
                 xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
                 xmlns:local="clr-namespace:ClassLibrary1.Views"
                 xmlns:prism="http://prismlibrary.com/"
                 prism:ViewModelLocator.AutoWireViewModel="True"
                 mc:Ignorable="d" 
                 d:DesignHeight="300" d:DesignWidth="300">
        
        <Grid>
            <TextBlock Text="View B" FontSize="48" HorizontalAlignment="Center" VerticalAlignment="Center" />
        </Grid>
        
    </UserControl>
    

  •  ClassLibrary1Module.vb

  • Imports Microsoft.Practices.Unity
    Imports Prism.Unity
    Imports Prism.Regions
    Imports Prism.Modularity
    Imports ClassLibrary1.Views
    
    Public Class ClassLibrary1Module
        Implements IModule
    
        <Dependency>
        Public Property Container As IUnityContainer
    
        Public Sub Initialize() Implements IModule.Initialize
    
            Me.Container.RegisterTypeForNavigation(Of AView)()
            Me.Container.RegisterTypeForNavigation(Of BView)()
    
        End Sub
    
    End Class
    
    

    スポンサーリンク


  •  続いて、WPF アプリケーションプロジェクト

  •  Window1ViewModel.vb

  • Imports Microsoft.Practices.Unity ' Dependency 属性
    Imports Prism.Mvvm
    Imports Prism.Commands
    Imports Prism.Regions
    
    Namespace ViewModels
    
        Public Class Window1ViewModel
            Inherits BindableBase
    
            Private _Title As String = "Prism Unity Application"
            Public Property Title() As String
                Get
                    Return _Title
                End Get
                Set(ByVal value As String)
                    _Title = value
                End Set
            End Property
    
            Public Property NavigateCommand As DelegateCommand(Of String)
    
            <Dependency>
            Public Property Manager As IRegionManager
    
            Public Sub New()
                Me.NavigateCommand = New DelegateCommand(Of String)(AddressOf Me.Navigate)
            End Sub
    
            Private Sub Navigate(viewName As String)
    
                If Not String.IsNullOrWhiteSpace(viewName) Then
                    Me.Manager.RequestNavigate("ContentRegion", viewName)
                End If
    
            End Sub
    
        End Class
    
    End Namespace
    

  •  Window1.xaml
  •  画面クラスのコードビハインドには、名前空間の追加以外、処理はありません。

  • <Window x:Class="Views.Window1"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
            xmlns:local="clr-namespace:WpfApplication1.Views"
            xmlns:prism="http://prismlibrary.com/"
            prism:ViewModelLocator.AutoWireViewModel="True"
            mc:Ignorable="d"
            Title="{Binding Title}" Height="350" Width="525">
    
        <DockPanel LastChildFill="True">
    
            <StackPanel Orientation="Horizontal" DockPanel.Dock="Top" Margin="5">
                
                <Button 
                    Content="AView へ遷移" 
                    Command="{Binding NavigateCommand}" 
                    CommandParameter="AView" 
                    Margin="5" />
    
                <Button 
                    Content="BView へ遷移" 
                    Command="{Binding NavigateCommand}" 
                    CommandParameter="BView" 
                    Margin="5" />
    
            </StackPanel>
    
            <ContentControl 
                prism:RegionManager.RegionName="ContentRegion"
                Margin="5" />
    
        </DockPanel>
    
    </Window>
    

  •  Bootstrapper.vb

  • Imports Microsoft.Practices.Unity
    Imports Prism.Unity
    Imports Prism.Modularity
    Imports WpfApplication1.Views
    Imports ClassLibrary1
    
    Public Class Bootstrapper
        Inherits UnityBootstrapper
    
        ' Shell 担当になる View のインスタンスを返却
        Protected Overrides Function CreateShell() As DependencyObject
            Return Me.Container.Resolve(Of Window1)
        End Function
    
        ' Shell 担当になる View を表示
        Protected Overrides Sub InitializeShell()
            Application.Current.MainWindow.Show()
        End Sub
    
        ' モジュールカタログにモジュール情報を登録
        Protected Overrides Sub ConfigureModuleCatalog()
    
            Dim catalog = CType(Me.ModuleCatalog, ModuleCatalog)
            catalog.AddModule(GetType(ClassLibrary1Module))
    
        End Sub
    
    End Class
    

  •  Application.xaml.vb
  •  ※Application.xaml では、【StartupUri="MainWindow.xaml"】を削除しています。

  • Class Application
    
        ' Startup、Exit、DispatcherUnhandledException などのアプリケーション レベルのイベントは、
        ' このファイルで処理できます。
    
        Protected Overrides Sub OnStartup(e As StartupEventArgs)
            MyBase.OnStartup(e)
    
            ' Unity 管理による Prism アプリケーションの起動制御処理を実行
            Dim boot = New Bootstrapper
            boot.Run()
    
        End Sub
    
    End Class