C# WPF MVVM模式Prism框架從零搭建(經典)-有解無憂

—

前言

目前最新的PRISM的版本是8.1.97，本節以6.3.0.0 講解，可以在Github上獲取PRISM的原始碼，

Prism Github地址：https://github.com/PrismLibrary/Prism
Prism官方檔案：https://prismlibrary.com/docs/
Prism要用到IOC容器，提供選擇的有Unity和MEF，這里我分別采用MEF和unity去做，不懂MEF的建議看看這位大牛的系列博文http://www.cnblogs.com/yunfeifei/p/3922668.html

—

安裝庫

在nuget上安裝Prism相關常用的庫

—

專案搭建

step1：新建解決方案：我這里命名為PrismFrameTest；

step2：洗掉MainWindow.xaml，洗掉App.xaml中啟動引導

StartupUri="MainWindow.xaml"

然后在App.xaml.cs新建程式入口

 protected override void OnStartup(StartupEventArgs e)
        {
            base.OnStartup(e);
            MyBootstrapper bootStrapper = new MyBootstrapper();
            bootStrapper.Run(true);
        }

新建引導類MyBootstrapper.cs，需要繼承基類Prism.Mef庫下的基類MefBootstrapper

方式1 采用mef

public class MyBootstrapper : MefBootstrapper
    {
        protected override DependencyObject CreateShell()
        {
            return this.Container.GetExportedValue<MyShellView>();
        }
        protected override void InitializeShell()
        {
            base.InitializeShell();
            Application.Current.MainWindow = (MyShellView)this.Shell;
            Application.Current.MainWindow.Show();//Show主視窗，但content內沒有內容，只有當呼叫Module中的Initialize()方法后才將HelloWorldView顯示出來，
        }
        protected override void ConfigureAggregateCatalog()
        {
            base.ConfigureAggregateCatalog();
            this.AggregateCatalog.Catalogs.Add(new AssemblyCatalog(typeof(MyBootstrapper).Assembly));
            this.AggregateCatalog.Catalogs.Add(new AssemblyCatalog(typeof(PrismModuleLeft.ModuleLeftViewModel).Assembly));//注冊模塊
            //this.AggregateCatalog.Catalogs.Add(new AssemblyCatalog(typeof(ModuleB.ModuleBViewModel).Assembly));
        }
        protected override IModuleCatalog CreateModuleCatalog()
        {
            // When using MEF, the existing Prism ModuleCatalog is still the place to configure modules via configuration files.
            return new ConfigurationModuleCatalog();
        }

    }

　　方式2 采用unity

public class MyBootstrapper : UnityBootstrapper
    {
        protected override DependencyObject CreateShell()
        {
            return Container.Resolve<MyShellView>();
        }

        protected override void InitializeShell()
        {
            base.InitializeShell();

            Application.Current.MainWindow = (MyShellView)this.Shell;
            Application.Current.MainWindow.Show();//Show主視窗，但content內沒有內容，只有當呼叫Module中的Initialize()方法后才將HelloWorldView顯示出來，
        }

        protected override void ConfigureModuleCatalog()
        {
            base.ConfigureModuleCatalog();

            ModuleCatalog moduleCatalog = (ModuleCatalog)this.ModuleCatalog;
            moduleCatalog.AddModule(typeof(PrismModuleLeft.ModuleLeftViewModel));//注冊模塊
        }

    }

step3：

然后新建一個xaml表單MyShellView.xaml，將表單分為左右兩部分

這里cal:RegionManager.RegionName是一個依賴屬性，我們將它與ItemsControl控制元件相關聯，MainRegion就是一個占位符，

 <ItemsControl cal:RegionManager.RegionName="RegionLeft" HorizontalAlignment="Center" VerticalAlignment="Center"/>
 <ItemsControl cal:RegionManager.RegionName="RegionRight" HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Column="1"/>

對應的cs中將類標注為 [Export]

step4：新建類別庫PrismModuleLeft

類別庫中新建ModuleLeftView.xaml

關于事件系結：（在下面代碼中兩種方式都列出來了）

①控制元件繼承自ButtonBase、MenuItem類，比如：Button、RadioButton、Hyperlink、MenuItem……這種情況下，由于Prism已經幫我們實作了這些控制元件的Command屬性，可以直接系結Command屬性來完成Click事件到ViewModel的系結：

②ListView、ListBox、DropDownList等等大部分沒有Click事件的控制元件，這時候，當我們要實作SelectedItemChanged、SelectionChanged等常用事件的時候，使用Expression Blend附帶的System.Windows.Interactivity.dll檔案，它使用interaction trigger和InvokeCommandAction behavior來幫助我們直接系結控制元件的事件，

需要參考

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"

 <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <TextBlock  Foreground="Red" FontSize="20" Text="{Binding TxtLabel}" Background="Gray" Grid.Row="0"/>
        <Button Background="LightCyan" Name="CreateRecipe" Command="{Binding CreateRecipeCommand}" Content="BtnCtr" FontSize="20" Grid.Row="1">
            <i:Interaction.Triggers >
                <i:EventTrigger EventName="PreviewKeyDown">
                    <i:InvokeCommandAction Command="{Binding KeyUpEventCommand}" />
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </Button>
        </Grid>

　　對應的cs中：

 [Export]
    public partial class ModuleLeftView : UserControl
    {
        private readonly IRegionViewRegistry regionViewRegistry;
        public ModuleLeftView()
        {
            InitializeComponent();
            this.DataContext = new ModuleLeftViewModel(regionViewRegistry);
        }
    }

　　step4：ModuleLeftViewModel中：

using Prism.Commands;
using Prism.Mef.Modularity;
using Prism.Modularity;
using Prism.Mvvm;
using Prism.Regions;
using PropertyChanged;
using System.ComponentModel.Composition;
using System.Windows;
using System.Windows.Input;

namespace PrismModuleLeft
{
    [AddINotifyPropertyChangedInterface]
    [ModuleExport("ModuleLeftViewModel", typeof(ModuleLeftViewModel), InitializationMode = InitializationMode.WhenAvailable)]
    public class ModuleLeftViewModel : BindableBase,IModule
    {
        private readonly IRegionViewRegistry regionViewRegistry;
        public ICommand CreateRecipeCommand { get; set; }
        public DelegateCommand<KeyEventArgs> KeyUpEventCommand { get; private set; }
        public string TxtLabel { get; set; } = "Hello! I am ModuleA";
        public void KeyUpEventHandler(KeyEventArgs args)
        {
            MessageBox.Show("PrismCTR");
        }
        public void Initialize()
        {
            regionViewRegistry.RegisterViewWithRegion("RegionLeft", typeof(ModuleLeftView));

        }
        [ImportingConstructor]
        public ModuleLeftViewModel(IRegionViewRegistry registry)
        {
            this.regionViewRegistry = registry;
            CreateRecipeCommand = new DelegateCommand(() => CreateRecipe());         
        }
        public void CreateRecipe()
        {
            TxtLabel = "this is my first prism test example";
            MessageBox.Show(TxtLabel);
        }
    }
}

—

總結

這個時候我們來對PRISM的基礎架構做一個簡單的總結：

Shell: 主視窗，他的功能都是通過Module來實作的；

Bootstrapper: 應用程式的入口點；

Region: 內容區域，類似于一個占位符

Module: 真正實作業務功能的東西，是View,資料,模型組成的集合；

Prism是個非常強大的wpf mvvm模式框架，它使用依賴注入，控制反轉容器來幫助我們解決團隊合作的松耦合問題，

—

結果演示