您的位置:首页 > 娱乐 > 明星 > WPF项目实战视频《二》(主要为prism框架)

WPF项目实战视频《二》(主要为prism框架)

2024/10/5 20:18:37 来源:https://blog.csdn.net/xy_77777/article/details/140495803  浏览:    关键词:WPF项目实战视频《二》(主要为prism框架)

14.prism框架知识(1)

新建WPF项目prismDemo
项目中:工具-NuGet包管理:安装Prism.DryIoc框架
在git中能看Prism的结构和源代码:git链接地址
例如:Prism/src/Wpf/Prism.DryIoc.Wpf/PrismApplication.cs这个类,就是在我们自己的prismDemo项目中需要更改继承使用。
在这里插入图片描述
报错:加上(更改)以下三行,重新生成并实现抽象类,上图报错即解决。
在这里插入图片描述
抽象类的实现:
在这里插入图片描述
管理扩展:添加prism,就不用每次新建项目都添加一次prism了
添加扩展之后重新打开VS,新建项目:
在这里插入图片描述
打开之后就包含有prism和一些项目文件结构:
在这里插入图片描述

15.prism区域介绍(2)

主要内容:区域的概念和使用方法。
prism界面(.xaml文件中)中划分区域,可放入容器或者控件(动态的)

在.xaml中加入不同的子模块:(添加xsml子模块-主页面.png)
在这里插入图片描述

在views中新加三个用户控件:page1,page2,page3
现需要点击不同的按钮进入不同的页面:在ViewModels文件夹中修改MainWindowViewModel.cs文件:

public class MainWindowViewModel : BindableBase
{//执行不同的模块public DelegateCommand<string> OpenCommand { get; private set; }public MainWindowViewModel(){//执行不同的模块OpenCommand = new DelegateCommand<string>(Open);}private void Open(string obj){switch (obj){case "viewA": break;case "viewB": break;case "viewC": break;}}
}

绑定:.xaml中加入Content参数,进行绑定,传递参数用:CommandParameter参数

 <StackPanel Orientation="Horizontal"><Button Margin="5" Content="打开模块A" Command="{Binding OpenCommand}" CommandParameter="viewA"/><Button Margin="5" Content="打开模块B" Command="{Binding OpenCommand}" CommandParameter="viewB"/><Button Margin="5" Content="打开模块C" Command="{Binding OpenCommand}" CommandParameter="viewC"/></StackPanel><!--需要在.cs文件中连接需要使用Content--><ContentControl Grid.Row="1" Content="{Binding Body}"/>

连接的Body的使用方式:在MainWindowViewModel.cs文件中

//定义一个跟MainWindow.xaml中绑定对应的Body
private object body;
public object Body
{get { return body; }set { body = value; RaisePropertyChanged(); }
}
....
//使用:
private void Open(string obj)
{switch (obj){case "viewA": Body = new Page1(); break;	//此处使用case "viewB": Body = new Page2();  break;	//此处使用case "viewC": Body = new Page3();  break;	//此处使用}
}

(以上使用到Prism框架的自动查找上下文功能(views – viewModels))功能完成。


发现问题:view页面和viewModel后端处理,耦合性较大。需要降低耦合性------解决方式:使用prism插件:
在这里插入图片描述

在MainWindow.xaml中,需要注意prism的扩展插件自动生成了以下代码,注意不要重复添加,会报错。

<ContentControl prism:RegionManager.RegionName="ContentRegion"/>
<!--ui界面第二行内容-->
<!--需要在.cs文件中连接需要使用Content-->
<!--<ContentControl Grid.Row="1" Content="{Binding Body}"/>--><!--更改:使用prism的方式,降低耦合性,使用ContentRegion进行识别-->
<ContentControl Grid.Row="1" prism:RegionManager.RegionName="ContentRegion"/>

MainWindowViewModel.cs文件中:

//执行不同的模块
public DelegateCommand<string> OpenCommand { get; private set; }private readonly IRegionManager regionManager;
//以下:使用prism的方式进行
public MainWindowViewModel(IRegionManager regionManager)
{//regionManager主要用于管理模块OpenCommand = new DelegateCommand<string>(Open);this.regionManager = regionManager;}
private void  Open(string obj) 
{//regionManager.Regions["ContentRegion"].RequestNavigate("Page1"); //依赖注入的形式(在App中进行同步修改)识别Page1regionManager.Regions["ContentRegion"].RequestNavigate(obj);
}

在App.xaml.cs中依赖注入使ViewA能被识别
在这里插入图片描述
以上就完成了,使用prism插件,使用依赖注入,完成点击按钮切换页面的功能。
总结:首先通过IRegionManager接口获取当全局定义的可用区域,然后往这个区域动态的设置内容,设置方式:依赖注入

16.prism模块化介绍(3)

项目开发时往往会分多个模块进行开发,多个文件夹,本质上也是一个类库。此处讲解如何添加程序集到主程序的容器中:
以新建项目类库为例:基于整个解决方案,新建两个WPF类库项目,分别命名为:ModelA,和ModelB。
在ModelA和ModelB中添加Views文件夹,在ModelA文件夹中添加用户控件ViewA,在ModelB文件夹中添加用户控件ViewB。
程序集被识别成模块的特征:新定义一个类ModuleAprofile.cs,项目中添加prism.dryIoc包之后,使ModuleAprofile继承自IModule,并实现对应的接口方法(函数内容可为空,但是必须实现)
在这里插入图片描述
在上文此.cs文件中的RegisterTypes函数中加入其依赖注入:(ModelB中同样步骤进行添加)

public void RegisterTypes(IContainerRegistry containerRegistry)
{containerRegistry.RegisterForNavigation<ViewA>();
}

如何使之联系起来?:在主程序中加载ModuleA和ModuleB的方式有两种:一种是代码的方式,一种是配置文件的方式:

第一种:代码的方式

(此处需要注意使用插件创建的原始项目自动导入的是.net 6.0 而ModuleA和ModuleB导入的是8.0 需要版本变为一致,否则会报错。《项目->属性 中可修改版本》)
在主程序中加入项目引用,ModuleA和ModuleB
然后在App.xmls.cs中增加和修改:

protected override void RegisterTypes(IContainerRegistry containerRegistry)
{在此加入依赖注入//containerRegistry.RegisterForNavigation<Page1>(); //后面的小括号可以重命名名字,不填的话就为<>中的Page1//containerRegistry.RegisterForNavigation<Page2>();//containerRegistry.RegisterForNavigation<Page3>();
}//主程序中导入ModuleA和ModuleB,方法一:代码的模式
protected override void ConfigureModuleCatalog(IModuleCatalog moduleCatalog)
{moduleCatalog.AddModule<ModuleAprofile>();moduleCatalog.AddModule<ModuleBprofile>();base.ConfigureModuleCatalog(moduleCatalog);
}

在主程序的页面MainWindow.xaml中:修改为对应的ViewA,ViewB

<StackPanel Orientation="Horizontal"><Button Margin="5" Content="打开模块A" Command="{Binding OpenCommand}" CommandParameter="ViewA"/><Button Margin="5" Content="打开模块B" Command="{Binding OpenCommand}" CommandParameter="ViewB"/><Button Margin="5" Content="打开模块C" Command="{Binding OpenCommand}" CommandParameter="Page3"/>
</StackPanel>
第二种:加载动态库dll的方式

在App.xmls.cs中增加和修改:

//第二种方式:加载动态库的方式CreateModuleCatalog
protected override IModuleCatalog CreateModuleCatalog()
{return new DirectoryModuleCatalog() { ModulePath = @".\Modules" };
}

把moduleA文件目录下bin下生成的ModelA.dll和对应的ModelB.dll放在主程序下的bin/debug目录下。

第三种:加载配置文件的方式

此不举例

17.prism导航功能(4)

之前的open有使用在区域之间进行模块的切换。此章详细讲解。
之前使用过的导航方式:
App.xaml:

 protected override void RegisterTypes(IContainerRegistry containerRegistry){在此加入依赖注入containerRegistry.RegisterForNavigation<Page1>(); //后面的小括号可以重命名名字,不填的话就为<>中的Page1//containerRegistry.RegisterForNavigation<Page2>();//containerRegistry.RegisterForNavigation<Page3>();}

ModuleA和ModuleB项目分别添加ViewModels文件夹存放对应的ViewAViewModels.cs和ViewBViewModels.cs文件
在这里插入图片描述
需要在对应的view.xaml文件中加入prism自动识别
在这里插入图片描述
也可以手动的绑定:ModuleAprofile.cs中(较为常用)
在这里插入图片描述
绑定之后,就可以在对应viewmodule中实现对应的业务代码


添加导航的参数:

在主程序的module中MainWindowViewModel.cs文件,加入导航的参数
在这里插入图片描述
在ModuleA模块中识别出来:
使ModuleA下的ModuleAViewModules.cs 使之继承自INavigationAware然后实现其对应的接口
在这里插入图片描述

//添加数据有关的基类BindableBase
public class ViewAViewModules : BindableBase,INavigationAware
{private string title;public string Title{	//要注意这里不能使用默认的private  要改为public 否则回报错get { return title; }   set { title = value; RaisePropertyChanged(); }}public bool IsNavigationTarget(NavigationContext navigationContext){//每次重新导航的时候,是否重用原来的实例return false;		//这里使用true的话下次从ModelB切换到ModelA不会进行覆盖。//throw new NotImplementedException();}public void OnNavigatedFrom(NavigationContext navigationContext){//throw new NotImplementedException();//拦截导航请求}public void OnNavigatedTo(NavigationContext navigationContext){//throw new NotImplementedException();if(navigationContext.Parameters.ContainsKey("Title")) {//用来接收viewmodule传递的参数,传递什么类型就用什么类型接收Title = navigationContext.Parameters.GetValue<string>("Title");}}
}

使用OnNavigatedFrom进行导航拦截,在进行切换时会调用此函数
方式:之前ViewAViewModules继承自INavigationAware,可以改为IConfirmNavigationRequest,实现其接口ConfirmNavigationRequest,此接口主要用于验证是否允许切换

public void ConfirmNavigationRequest(NavigationContext navigationContext, Action<bool> continuationCallback)
{//验证是否允许切换//throw new NotImplementedException();bool result = true;if(MessageBox.Show("确认导航?","提示",MessageBoxButton.YesNo)==MessageBoxResult.No){//如果是no 那么result = false;}continuationCallback(result);   //通过这个委托把这个结果(是否拦截导航)传进去
}

类似的导航功能还有:返回上一步:导航日志(此处省略)

18.prism对话服务(5)

也就是弹窗的功能。
在祝程序的MainWindow.xaml中,添加两个按钮进行弹窗触发。在主程序中添加窗口ViewC.cs,在open函数中new此类,点击时则会有窗口出现。
在这里插入图片描述
但是特定的页面依赖于特定的实现,耦合度太高,这个问题如何去解决?-------依赖注入的方式(同上band).
将之前在主项目文件中创建的窗口ViewC.cs删掉,在ModuleA中新建一个用户控件ViewAA.cs,自定义控件的分布,提示和其他按钮。

<Grid><Grid.RowDefinitions><RowDefinition Height="auto" /><RowDefinition/><RowDefinition Height="auto" /></Grid.RowDefinitions><TextBlock Text="温馨提示" /><TextBlock Grid.Row="1" Text="hello~~~~" FontSize="80"  VerticalAlignment="Center"/><StackPanel Orientation="Horizontal" Grid.Row="2"><!--水平排列--><Button Content="取消" /><Button Content="确认" /></StackPanel>
</Grid>

在这里插入图片描述
然后注入依赖:之前注入导航是:RegisterForNavigation 现在注入对话框是:RegisterDialog
在这里插入图片描述
加入ViewAA对应的ViewAAViewModules:继承自IDialogAware,然后点击实现对应接口。

public class ViewAAViewModules : IDialogAware
{//对话框//public string Title => throw new NotImplementedException();//修改,不抛异常public string Title {  get; set; }public event Action<IDialogResult> RequestClose;public bool CanCloseDialog(){//允许被关闭return true;//throw new NotImplementedException();}public void OnDialogClosed(){//关闭窗口DialogParameters keys = new DialogParameters();keys.Add("Value", "viewAA:Dialog");RequestClose?.Invoke(new DialogResult(ButtonResult.OK, keys));//throw new NotImplementedException();}public void OnDialogOpened(IDialogParameters parameters){//接收弹窗中的参数//throw new NotImplementedException();}
}

然后在ModuleAprofile.cs注册依赖的地方,将viewAA和viewAAviewmodules进行绑定

在这里插入图片描述
对话框传递参数:主项目中MainWindowViewModel.cs中写入需要传递的参数。

//对话框
private readonly IDialogService dialogService;
public MainWindowViewModel(IDialogService dialogService)
{//regionManager主要用于管理模块OpenCommand = new DelegateCommand<string>(Open);this.dialogService = dialogService;}
private void Open(string obj)
{DialogParameters keys = new DialogParameters();keys.Add("Title", "测试弹窗");		//传递参数dialogService.ShowDialog(obj,keys,callback =>{//回调方法});
}

ViewAAViewModules中接收参数的函数OnDialogOpened修改:

public void OnDialogOpened(IDialogParameters parameters)
{//接收弹窗中的参数//throw new NotImplementedException();Title=parameters.GetValue<string>("Title");
}

点击【打开对话框A】,则显示“测试弹窗”-弹窗
在这里插入图片描述
现在把【确认/取消按钮加入对应的功能】:
ViewAAViewModules.cs写构造函数

public DelegateCommand CancelCommand {  get; set; } //取消
public DelegateCommand SaveCommand { get; set; }    //保存public ViewAAViewModules() {CancelCommand = new DelegateCommand(Cancel);SaveCommand = new DelegateCommand(Save);
}private void Save()
{//新生成方法-保存OnDialogClosed();
}private void Cancel()
{//新生成方法-取消RequestClose?.Invoke(new DialogResult(ButtonResult.No));
}

ViewAA给按钮中绑定command

 <Button Content="取消"  Command="{Binding CancelCommand}"/><Button Content="确认"  Command="{Binding SaveCommand}" />

在之前MainWindowViewModel的回调函数中进行判断

 private void Open(string obj){DialogParameters keys = new DialogParameters();keys.Add("Title", "测试弹窗");dialogService.ShowDialog(obj,keys,callback =>{//回调方法,点击之后获取点击的结果if (callback.Result == ButtonResult.OK) {//如果点击了ok那么获取传递的值string result = callback.Parameters.GetValue<string>("Value");}});}

实现点击确定按钮(OK)进行数据传递,点击取消按钮(NO)不做操作

好处:实现业务代码的简化,耦合性降低

19.prism发布订阅(6)

创建Event文件夹,创建MessageEvent.cs文件,消息模型。
在这里插入图片描述
使用:ViewAAViewModules.cs构造函数注入
在这里插入图片描述
例如,在ViewAA.xaml中,进行订阅:

在这里插入图片描述
进行测试:
修改ViewAAViewModules.cs
在这里插入图片描述
测试:ViewAAViewModules.cs点击取消按钮发布信号
在这里插入图片描述
实现效果:点击打开对话框A–》弹出测试弹窗 --》点击测试弹窗取消–》
弹出接收消息弹窗
在这里插入图片描述
取消订阅功能实现:点击取消,接收到消息之后取消该消息的订阅,则第二次点击取消按钮不会再弹窗。ViewAA.xaml.cs文件
在这里插入图片描述
扩展:也可以写复杂类型的对象:

namespace ModelA.Event
{public class MessageEvent:PubSubEvent<string >{//主要用来传递string类型的消息}public class TestEvent : PubSubEvent<Test>{}public class Test{public string Id {  get; set; }public string Name { get; set; }}
}

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com