ToB企服应用市场:ToB评测及商务社交产业平台

标题: 【学习笔记】WPF-Prism：Region [打印本页]
作者: 大号在练葵花宝典    时间: 2022-9-4 04:49
标题: 【学习笔记】WPF-Prism：Region
Region概述

Region是Prism当中模块化的核心功能。Region可以理解为View的动态占位符，在View上进行视图占位，其主要目的是弱化模块与模块之间的耦合关系。

在一般的界面设计中,界面上的元素及内容往往是被固定，如上图。
这使得各个区域的内容被固定下来，不能直接对该区域的元素或内容进行替换。在Prism当中，可以将页面区域定义为Region，此时可以通过修改Region设置，使得页面区域展示的内容不再固定，可以动态分配区域所展示的内容。
此时Region的功能类似于一个视图容器，可以通过设置将视图界面放到Region中，实现视图的管理

Region的使用

Region使用思路

一般在Prism项目中，将视图放在Views文件夹，Region的定义在主窗体，Region视图的注册在ViewModels文件夹。

1.视图创建


  1. <Grid Background="Yellow">
  2.     <TextBlock
  3.                Text="UserControlTempA"
  4.                FontSize="16"
  5.                HorizontalAlignment="Center"
  6.                VerticalAlignment="Center"/>
  7. </Grid>
复制代码
2.Region定义

Region的定义可以使用XAML或代码创建定义Region：
XAML中定义：

通过prism:RegionManager.RegionName="[RegionName]"对Region进行定义，此时可以直接通过RegisterViewWithRegion将视图注册到Region当中。
  1. [/code][size=4]代码中定义：[/size]
  3. 在代码中定义需要通过x:Name为控件定义名称，再在代码中通过SetRegionName对Region进行定义
  4. [list]
  5. [*]MainWindow.xaml
  6. [/list][code]
复制代码
  1. //设置Region名称，将Control2控件对应Region名称设置为"WorkRegion2"
  2. RegionManager.SetRegionName(Control2, "WorkRegion2");
复制代码
注：
项目代码：



小结：
代码中定义时将Region名称定义放到了代码之中，通过XAML中的x:Name进行联结
在XAML中定义通过prism:RegionManager.RegionName="[RegionName]"对Region进行定义，一步到位；在查看视图时更方便确定哪些是Region，个人更加推荐在XAML中进行Region定义。
3.视图注册

对Region定义后，还需要将视图注册到Region中才可以使用。
Region的定义时通过regionManager来实现的，此时要将regionManager传入MainWindowViewModel，通过RegisterViewWithRegion将视图注册到Region当中。
  1. public MainWindowViewModel(IRegionManager regionManager){<Grid Background="Yellow">
  2.     <TextBlock
  3.                Text="UserControlTempA"
  4.                FontSize="16"
  5.                HorizontalAlignment="Center"
  6.                VerticalAlignment="Center"/>
  7. </Grid>//Prism框架内依赖注入的RegionManager<Grid Background="Yellow">
  8.     <TextBlock
  9.                Text="UserControlTempA"
  10.                FontSize="16"
  11.                HorizontalAlignment="Center"
  12.                VerticalAlignment="Center"/>
  13. </Grid>RegionManager = regionManager;<Grid Background="Yellow">
  14.     <TextBlock
  15.                Text="UserControlTempA"
  16.                FontSize="16"
  17.                HorizontalAlignment="Center"
  18.                VerticalAlignment="Center"/>
  19. </Grid>//在WorkRegion1中注册UserControlTempA视图<Grid Background="Yellow">
  20.     <TextBlock
  21.                Text="UserControlTempA"
  22.                FontSize="16"
  23.                HorizontalAlignment="Center"
  24.                VerticalAlignment="Center"/>
  25. </Grid>RegionManager.RegisterViewWithRegion("WorkRegion1", typeof(UserControlTempA));<Grid Background="Yellow">
  26.     <TextBlock
  27.                Text="UserControlTempA"
  28.                FontSize="16"
  29.                HorizontalAlignment="Center"
  30.                VerticalAlignment="Center"/>
  31. </Grid>//在WorkRegion2中注册UserControlTempA视图<Grid Background="Yellow">
  32.     <TextBlock
  33.                Text="UserControlTempA"
  34.                FontSize="16"
  35.                HorizontalAlignment="Center"
  36.                VerticalAlignment="Center"/>
  37. </Grid>RegionManager.RegisterViewWithRegion("WorkRegion2", typeof(UserControlTempA));}
复制代码

最终效果



免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！



欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/) Powered by Discuz! X3.4