BaseViewModel.cs

Lapis.ModuleA 和 Lapis.ModuleB: 对应前端业务模块A和B,  模块A包含 PageOne 和 PageTwo 两个视图及视图模型，模块B只含 PageThree 一个视图及视图模型。按照Prism框架规定，视图模型最好以 视图名称 + ViewModel 来命名。如图所示：

其中，ModuleA 和 ModuleB 表示模块类，用于初始化模块和注册类型。ModuleA 代码如下：

1 [Module(ModuleName = "ModuleA", OnDemand = true)]
2 public class ModuleA : IModule
3 {
4 public void OnInitialized(IContainerProvider containerProvider)
5 {
6 var regionManager = containerProvider.Resolve();
7 regionManager.RegisterViewWithRegion(ModuleARegionNames.RegionOne, typeof(PageOne)); // 将页面一注册到区域一
8 regionManager.RegisterViewWithRegion(ModuleARegionNames.RegionTwo, typeof(PageTwo)); // 将页面二注册到区域二
9 }
10
11 public void RegisterTypes(IContainerRegistry containerRegistry)
12 {
13 }
14 }

第7和第8行代码：分别将 PageOne 和 PageTwo 注册到 RegionOne 和 RegionTwo。为了方便，区域名称用字符串常量表示。

Lapis.Shell: 是一个启动模块，负责启动/初始化应用程序(加载模块和资源)，它包含App启动类、主窗口、侧边菜单和Tab页内容视图及对应的视图模型等。其中 PageSelectedEvent 是一个页面选中事件，用于 ViewModel 之间传递消息，起到解耦作用。如图所示：

MainWindow 此处作为启动窗口/主窗口。为了让 MainWindow 代码保持简洁，我们只把它当作布局页面来使用。代码片段如下：

1 2 3 4 5 6 7 8 9 10

第7和第9行代码：sideMenuContentControl 和 tabPagesContentControl 是两个内容控件，用来呈现左侧菜单和Tab页面视图。看到这里，大家一定会问：ContentControl 是通过什么来关联视图的？没错，就是上面提到的Region，我们可以在MainWindow.cs中进行区域设置，代码如下：

1 public partial class MainWindow : Window
2 {
3 public MainWindow()
4 {
5 InitializeComponent();
6 RegionManager.SetRegionName(this.sideMenuContentControl, ShellRegionNames.SideMenuContentRegion);
7 RegionManager.SetRegionName(this.tabPagesContentControl, ShellRegionNames.TabPagesContentRegion);
8 }
9 }

然后，同样在 ShellModule 类里对 SideMenuContent 和 TabPagesContent 视图进行区域注册，这样主窗口就能显示左侧菜单和Tab页面了。代码如下：

1 [Module(ModuleName = "ShellModule", OnDemand = true)]
2 public class ShellModule : IModule
3 {
4 public void OnInitialized(IContainerProvider containerProvider)
5 {
6 var regionManager = containerProvider.Resolve();
7 regionManager.RegisterViewWithRegion(ShellRegionNames.SideMenuContentRegion, typeof(SideMenuContent)); // 注册侧边菜单内容视图
8 regionManager.RegisterViewWithRegion(ShellRegionNames.TabPagesContentRegion, typeof(TabPagesContent)); // 注册Tab页面内容视图
9 }
10
11 public void RegisterTypes(IContainerRegistry containerRegistry)
12 {
13 }
14 }

ShellModule.cs

App 是WPF应用启动入口，由于使用了第三方Prism框架和HandyControl控件库，我们需要对 App.xaml 和 App.xaml.cs 两个文件做一些修改。代码如下：

1 7 8 9 10 11 12 13 14 15

App.xaml

1 public partial class App : PrismApplication
2 {
3 protected override void ConfigureModuleCatalog(IModuleCatalog moduleCatalog)
4 {
5 base.ConfigureModuleCatalog(moduleCatalog);
6 //
7 moduleCatalog.AddModule(); //添加宿主模块
8 moduleCatalog.AddModule(); //添加业务模块A
9 moduleCatalog.AddModule(); //添加业务模块B
10 }
11
12 protected override Window CreateShell()
13 {
14 return Container.Resolve(); //返回主窗体
15 }
16
17 protected override void RegisterTypes(IContainerRegistry containerRegistry)
18 {
19 }
20 }

App.xaml.cs

接下来，要做的就是左侧菜单和Tab页面之间的交互动作。不同于传统Winform的事件驱动机制，我们使用MVVM模式将视图和UI逻辑分离。因此一般情况下，所有的界面逻辑都应该在 ViewModel 里完成。SideMenuContentViewModel 通过事件聚合器发布页面选中事件，TabPagesContentViewModel 则通过订阅该事件来进行页面切换，代码如下：

1 ///