![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
#author("2018-03-14T17:06:39+09:00","","") #author("2018-03-14T17:11:09+09:00","","") [[Using_Prism.Unity_with_WPF]] #contents PrismとUnityを使うWPFプロジェクトテンプレートを使ってみる C#WPFXamlMVVMPRISM 7 * PrismとUnityを使うWPFプロジェクトテンプレートを使ってみる [#s2f8f36b] Visual Studioの拡張機能の「Prism Template Pack」 Prism Template Packには、WPFを構築するためのスニペット、アイテムテンプレート、およびプロジェクトテンプレートのコレクションと、Prismを使用するXamarin.Formsアプリケーションが含まれています。 注：Xamarin.Formsテンプレートをインストールするには、最新バージョンのXamarinが必要です。 注：Xamarin.Formsテンプレートをインストールするには、最新バージョンのXamarinが必要です。 とのこと。 まずは、ダウンロード•VisualStudioを起動 •ツール > 拡張機能と更新プログラム を選択 •オンラインタブ > 検索条件に「Prism Template Pack」を入力 •検索が表示されたら「Prism Template Pack」をダウンロード •VisualStudioを再起動するとインストールが始まります。 •ツール > 拡張機能と更新プログラム を選択 •オンラインタブ > 検索条件に「Prism Template Pack」を入力 •検索が表示されたら「Prism Template Pack」をダウンロード •VisualStudioを再起動するとインストールが始まります。 ※2017/04/14に1.10が公開されています。VisualStudio2017にも対応している模様 WS000009.JPG 何ができる？ スニペット:•propp - BindableBaseに依存するバッキングフィールドを持つプロパティ ※通知を伝播させる時に使用 •cmd - プライベートセッターでDelegateCommandプロパティ •cmdg - 汎用のDelegateCommand プロパティ ※パラメータ有りのDelegateCommandの場合に使用 スニペット: •propp - BindableBaseに依存するバッキングフィールドを持つプロパティ ※通知を伝播させる時に使用 •cmd - プライベートセッターでDelegateCommandプロパティ •cmdg - 汎用のDelegateCommand プロパティ ※パラメータ有りのDelegateCommandの場合に使用 スニペットの例： ↓これを入力 propp タブキー2打後 private string fieldName; public string PropertyName { get { return fieldName; } set { SetProperty(ref fieldName, value); } } private string fieldName; public string PropertyName { get { return fieldName; } set { SetProperty(ref fieldName, value); } } アイテムテンプレート: •Prism ViewModel - BindableBaseから派生し、デフォルトコンストラクタを持つViewModel •Prism UserControl - ViewModelLocatorを使用したUserControl •Prism Window - ViewModelLocatorを使ったWindow •Prism ViewModel - BindableBaseから派生し、デフォルトコンストラクタを持つViewModel •Prism UserControl - ViewModelLocatorを使用したUserControl •Prism Window - ViewModelLocatorを使ったWindow プロジェクトテンプレート:•Prism Module - WPF Prismアプリケーションにモジュールを追加するプロジェクト •Prism Autofac App - PrismとAutofacでWPFアプリケーションを構築するためのプロジェクトテンプレート •Prism Ninject App - PrismとNinjectを使用してWPFアプリケーションを構築するためのプロジェクトテンプレート •Prism StructureMap App - PrismとStructureMapを使用してWPFアプリケーションを構築するためのプロジェクトテンプレート •Prism Unity App - PrismとUnityを使ってWPFアプリケーションを構築するためのプロジェクトテンプレート プロジェクトテンプレート: •Prism Module - WPF Prismアプリケーションにモジュールを追加するプロジェクト •Prism Autofac App - PrismとAutofacでWPFアプリケーションを構築するためのプロジェクトテンプレート •Prism Ninject App - PrismとNinjectを使用してWPFアプリケーションを構築するためのプロジェクトテンプレート •Prism StructureMap App - PrismとStructureMapを使用してWPFアプリケーションを構築するためのプロジェクトテンプレート •Prism Unity App - PrismとUnityを使ってWPFアプリケーションを構築するためのプロジェクトテンプレート xamarinも対応していますが、ここでは説明省略。 今回は、Prism Unity Appを使用します。 プロジェクトの作成•新しいプロジェクト > テンプレート > Prism > WPF > Prism Unity App(WPF)を選択。 •プロジェクト名を入力 プロジェクトの作成 •新しいプロジェクト > テンプレート > Prism > WPF > Prism Unity App(WPF)を選択。 •プロジェクト名を入力 PrismUnityApp.jpg こんな感じで、ディレクトリ構成やBootstrapperクラスも作ってくれます。 モジュールの追加•ソリューションを右クリック > 新しい項目 > Prism Module(WPF)を選択 WS000013.JPG Prismモジュールを追加をするとこんな感じに PrismUnityApp2.jpg ちょっと作成 ** 1.プロジェクトテンプレートでPrism Moduleを追加•上の方で説明しましたがモジュールもプロジェクトテンプレートがあるので、そちらから追加をしておけば、Viewsフォルダなんかも作られています。 [#w2d17758] •なので、ここでは、一旦ソリューションをリビルドします。 ** 1.プロジェクトテンプレートでPrism Moduleを追加 [#p4da307b] •上の方で説明しましたがモジュールもプロジェクトテンプレートがあるので、そちらから追加をしておけば、Viewsフォルダなんかも作られています。 •なので、ここでは、一旦ソリューションをリビルドします。 ** 2.作成したPrism ModuleをWindowの方のプロジェクトで参照 [#d1b1077c] ** 2.作成したPrism ModuleをWindowの方のプロジェクトで参照 [#vca73888] - 参照を右クリックして > 参照の追加 > プロジェクトタブを選択 > 追加したPrism Moduleのプロジェクトにチェックを入れる > OKを押下します。 WS000701.JPG ** 3.Bootstrapperクラス•プロジェクトテンプレートでBootstrapper.csは、作成されているので、そちらに追記します。 [#yf5c6e5a] • ConfigureModuleCatalogで外部モジュールから呼び出すためのモジュール・カタログを作成します。 ** 3.Bootstrapperクラス [#x747f16b] •プロジェクトテンプレートでBootstrapper.csは、作成されているので、そちらに追記します。 • ConfigureModuleCatalogで外部モジュールから呼び出すためのモジュール・カタログを作成します。 Bootstrapper.cs Bootstrapper.cs using Microsoft.Practices.Unity; using Prism.Modularity; using Prism.Unity; using PrismUnityApp1.Views; using System.Windows; using Microsoft.Practices.Unity; using Prism.Modularity; using Prism.Unity; using PrismUnityApp1.Views; using System.Windows; namespace PrismUnityApp1 { class Bootstrapper : UnityBootstrapper { protected override DependencyObject CreateShell() { return Container.Resolve<MainWindow>(); } protected override void InitializeShell() { Application.Current.MainWindow.Show(); } protected override void ConfigureModuleCatalog() { base.ConfigureModuleCatalog(); ModuleCatalog moduleCatalog = (ModuleCatalog)this.ModuleCatalog; moduleCatalog.AddModule(typeof(PrismModule1.PrismModule1Module)); } } } namespace PrismUnityApp1 { class Bootstrapper : UnityBootstrapper { protected override DependencyObject CreateShell() { return Container.Resolve<MainWindow>(); } ** 4.メインページの作成 [#n910bd40] •Prismモジュールで作成したプロジェクトのViewsフォルダにUserControlを作成します。 WS000702.JPG •今回は、「MainView」としています。 protected override void InitializeShell() { Application.Current.MainWindow.Show(); } MainView.xaml <UserControl x:Class="PrismModule1.Views.MainView" 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:PrismModule1.Views" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="300"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="50"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <Grid Grid.Row="0" Background="Gray"> <TextBlock VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Text="「Prism Template Pack」サンプル" FontSize="20" Foreground="White" Margin="10"/> </Grid> <Grid Grid.Row="1" > <DataGrid VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="10"></DataGrid> </Grid> </Grid> </UserControl> protected override void ConfigureModuleCatalog() { base.ConfigureModuleCatalog(); ** 5.領域の作成 [#wa7565f0] •PrismModule1Module.csを開いて領域の作成を行います。 •ここでもPrism Moduleのプロジェクトテンプレートで作成した場合は、ある程度作成されているので、Initializeメソッドを修正します。 ModuleCatalog moduleCatalog = (ModuleCatalog)this.ModuleCatalog; moduleCatalog.AddModule(typeof(PrismModule1.PrismModule1Module)); } } } ** 4.メインページの作成•Prismモジュールで作成したプロジェクトのViewsフォルダにUserControlを作成します。WS000702.JPG [#bdf0f1f5] •今回は、「MainView」としています。 MainView.xaml PrismModule1Module.cs <UserControl x:Class="PrismModule1.Views.MainView" 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:PrismModule1.Views" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="300"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="50"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <Grid Grid.Row="0" Background="Gray"> <TextBlock VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Text="「Prism Template Pack」サンプル" FontSize="20" Foreground="White" Margin="10"/> </Grid> <Grid Grid.Row="1" > <DataGrid VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="10"></DataGrid> </Grid> </Grid> </UserControl> ** 5.領域の作成•PrismModule1Module.csを開いて領域の作成を行います。 [#k179ca95] •ここでもPrism Moduleのプロジェクトテンプレートで作成した場合は、ある程度作成されているので、Initializeメソッドを修正します。 PrismModule1Module.cs using Prism.Modularity; using Prism.Regions; using System; using Prism.Modularity; using Prism.Regions; using System; namespace PrismModule1 { public class PrismModule1Module : IModule { IRegionManager _regionManager; public PrismModule1Module(IRegionManager regionManager) { _regionManager = regionManager; } public void Initialize() { //throw new NotImplementedException(); _regionManager.RegisterViewWithRegion("ContentRegion", typeof(Views.MainView)); } } } ** 6.リビルドして、実行•はい、これでMainViewがMainWindow内に表示されることが確認できました。 [#a106c23f] •WS000704.JPG ** 6.リビルドして、実行 [#af402018] •はい、これでMainViewがMainWindow内に表示されることが確認できました。 •WS000704.JPG まとめ * まとめ [#yb154ea2] プロジェクトテンプレートでちょこっとだけ手間が省けました。 とはいっても、いろいろと追記していかないといけないのですが、まず最初のディレクトリ構成を整えて、StartUp消して、Bootstrapperクラスを作成して・・・ とかのめんどくささからは、少しだけ解放といったところでしょうか？ 普段社内でWPFアプリケーションは、MEFを使っていて、Unityって触れたことがないので、今後は、これを使って何かやってみます。 ちなみに古い記事ですがこんなのがありました。 リンク：Unity vs. MEF この記事は以下の記事からリンクされています [WPF][XAML]MahApps.Metroのタイルコントロールを使ったメニュー画面を作ってみるからリンク10ヶ月前 [WPF][XAML]InkCanvasを使ってみるからリンク8ヶ月前 [WPF][XAML]VB-ReportのWPF 用ビューアコントロールを使ってみるからリンク7ヶ月前 [WPF][XAML]InkCanvasにTextBoxを追加してみるからリンク3ヶ月前 * Reference [#t417a9f3] [[PrismとUnityを使うWPFプロジェクトテンプレートを使ってみる:https://qiita.com/HAGITAKO/items/adedbb6c70d2763543f2]]
