7.Prism框架之对话框服务

文章目录

      • 一. 目标
      • 二. 技能介绍
        • ① 什么是Dialog?
        • ② Prism中Dialog的实现方式
        • ③ Dialog使用案例一 (修改器)
        • ④ Dialog使用案例2(异常显示窗口)

一. 目标

  • 1. 什么是Dialog?
  • 2. 传统的Dialog如何实现?
  • 3. Prism中Dialog实现方式
  • 4. 使用Dialog实现一个异常信息弹出框

二. 技能介绍

① 什么是Dialog?

Dialog通常是一种特殊类型的窗口,用于和用户进行交互,一般是用来从用户那里接收数据,显示信息,或者是允许用户执行特定任务.窗口分为两种一种是模态窗口(Modal Window),一种是非模态窗口(Non-Modal WIndow)

  • 模态窗口
    模态窗口就是阻止和其他的控件进行交互的窗口,必须是处理完这个窗口之后,才能和其他的窗口进行交互,这个窗口脚模态窗口.一般用于比较重要的交互,比如保存文件,确认删除等.传统显示的是时候使用ShowDialog(),有返回值.

  • 非模态窗口
    可以在不关闭这个窗口的情况下和其他的控件进行交互,一般适用于不需要立即决策或者响应的情况,如工具箱,提示信息等.传统显示的时候使用Show(),无返回值.

模态窗口的例子

namespace DialogSimple.ViewModels
{public class MainWindowViewModel{public MainWindowViewModel(){ShowDialogCommand = new Command(DoShowDialog);}private void DoShowDialog(object modalType){if (modalType is string modal){switch (modal){case "Modal":var modalDialog = new ModalDialog();bool? result = modalDialog.ShowDialog();if (result == true){System.Diagnostics.Debug.WriteLine("模态对话框返回值为true,执行保存操作!");}else{System.Diagnostics.Debug.WriteLine("模态对话框返回值为false,不执行保存操作!");}break;}}}public Command ShowDialogCommand { get; private set; }}
}

这里注意一个问题就是这里的result是一个窗口的返回值,为bool?类型,这个返回值是怎么返回的呢?

这个返回值是通过窗口的视图类中的一个DialogResult属性,可以在事件处理的时候设置其返回值.

namespace DialogSimple
{/// <summary>/// ModalDialog.xaml 的交互逻辑/// </summary>public partial class ModalDialog : Window{public ModalDialog(){InitializeComponent();}private void BtnOk_Click(object sender, RoutedEventArgs e){DialogResult = true;}private void BtnCancel_Click(object sender, RoutedEventArgs e){DialogResult = false;}}
}

现在我有一个疑问,就是这里我们窗口的按钮实现的方式比较简单,如果比较复杂,比如按钮的处理逻辑放到对应的ViewModel中去处理的时候,这个时候是没有DialogResult属性呢,如果设置其返回值呢?注意事件本质上还是一个委托,其实可以当成是一个回调或者是钩子来使用.

namespace DialogSimple.ViewModels
{public class ModalDialogViewModel{public event Action<bool>? RequestClose;public ModalDialogViewModel(){OkCommand = new Command(DoOkClick);CancelCommand = new Command(DoCancelClick);}private void DoCancelClick(object obj){// 1. 处理其他逻辑// 2. 调用窗口关闭事件,传递参数为falseRequestClose?.Invoke(false);}private void DoOkClick(object obj){// 1. 处理其他逻辑// 2. 调用窗口关闭事件,传递参数为trueRequestClose?.Invoke(true);}public Command OkCommand { get; private set; }public Command CancelCommand { get; private set; }}
}

然后在UI程序中,去注册这个事件

namespace DialogSimple
{/// <summary>/// ModalDialog.xaml 的交互逻辑/// </summary>public partial class ModalDialog : Window{public ModalDialog(){InitializeComponent();DataContext = new ModalDialogViewModel();(DataContext as ModalDialogViewModel)!.RequestClose += ModalDialog_RequestClose;}private void ModalDialog_RequestClose(bool result){DialogResult = result;}}
}

这里有一个疑问就是为什么我没有关闭这个窗口,当我们点击确定和取消按钮的时候,窗口就关闭了呢,其实这里的原因是因为当在WPF应用中如果设置了DialogResult的属性之后,无论是设置的true还是false,它都会去关闭窗口

注意:

我们可能还记得MVVM框架的设计原则,UI的逻辑一般都是在UI的模块代码中去完成,但是上面的弹窗部分是在ViewModel中实现的,并且在ViewModel中操作了UI视图的创建,这在实践上不是一个很好的实践,那么如何将这个创建弹窗的逻辑放到UI代码中去的也就是放到View中去呢,其中一种方式和上面的类似,就是通过事件.每次请求窗口的时候,调用事件,然后UI代码注册这个事件,完成对应的操作.

namespace DialogSimple.ViewModels
{public class MainWindowViewModel{public event Action<object>? RequestShowDialog;public MainWindowViewModel(){ShowDialogCommand = new Command(DoShowDialog);}private void DoShowDialog(object modalType){if (modalType is string modal){switch (modal){case "Modal":RequestShowDialog?.Invoke("Modal");break;}}}public Command ShowDialogCommand { get; private set; }}
}

然后在View中去做具体的窗口弹出处理

 public partial class MainWindow : Window{public MainWindow(){InitializeComponent();DataContext = new MainWindowViewModel();(DataContext as MainWindowViewModel)!.RequestShowDialog += MainWindow_RequestShowDialog;}private void MainWindow_RequestShowDialog(object obj){if (obj is string windowType){switch (windowType){case "Modal":var result = new ModalDialog().ShowDialog();if (result == true){System.Diagnostics.Debug.WriteLine("返回true,进行保存操作");}else{System.Diagnostics.Debug.WriteLine("返回false,取消保存操作");}break;}}}}

非模态窗口的例子

非模态窗口就是把ShowDialog换成Show()就OK了,并且非模态窗口是没有返回值的.

② Prism中Dialog的实现方式

Prism对话框Dialog的实现主要分为三步

  • 1. 创建对话框(UserControl)
  • 2. 注册对话框(并绑定其关联的ViewModel)
  • 3. 使用IDialogService来显示对话框,如果有参数并传递参数

第一步: 创建对话框用户控件,注意这里只能是UserControl,不能是Window

<UserControl x:Class="PrismDialogSimple.Views.ModalDialog"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:local="clr-namespace:PrismDialogSimple.Views"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"mc:Ignorable="d" d:DesignHeight="450" d:DesignWidth="800"><Grid><Grid><Grid.RowDefinitions><RowDefinition Height="50" /><RowDefinition /><RowDefinition Height="100" /></Grid.RowDefinitions><TextBlock Text="模态对话框演示"FontSize="16"Margin="10"HorizontalAlignment="Left" /><TextBlock Grid.Row="1"Text="确认要进行保存吗"FontSize="18"HorizontalAlignment="Center" VerticalAlignment="Center" /><StackPanel Grid.Row="2" HorizontalAlignment="Right" Orientation="Horizontal"><Button Width="100" Height="30"Content="确定"Command="{Binding OkCommand}"CommandParameter="" /><Button Width="100" Height="30"Content="取消"Command="{Binding CancelCommand}"CommandParameter=""Margin="10,0" /></StackPanel></Grid></Grid>
</UserControl>

第二步:注册对话框

注意种类关联的ViewModel,就是和对话框关联的ViewModel必须是实现了IDialogAware接口才可以.

namespace PrismDialogSimple.ViewModels
{public class ModalDialogViewModel : BindableBase, IDialogAware{public string Title => throw new NotImplementedException();public event Action<IDialogResult> RequestClose;public bool CanCloseDialog(){throw new NotImplementedException();}public void OnDialogClosed(){throw new NotImplementedException();}public void OnDialogOpened(IDialogParameters parameters){throw new NotImplementedException();}}
}

注册对话框的代码

protected override void RegisterTypes(IContainerRegistry containerRegistry)
{// 1. 注册导航视图和视图模型containerRegistry.RegisterForNavigation<MainWindow, MainWindowViewModel>();// 2. 注册对话框和对话框模型containerRegistry.RegisterDialog<ModalDialog, ModalDialogViewModel>();
}

第三步: 使用IDialogService显示对话框

在显示对话框之前,我们要把对话框的ViewModel中实现的那些接口来解释一下,并进行一些简单的实现,不然等下在弹出窗口的时候回报错.下面具体看看这个IDialogAware都实现了什么东西?

 public class ModalDialogViewModel : BindableBase, IDialogAware{public string Title => throw new NotImplementedException();public event Action<IDialogResult> RequestClose;public bool CanCloseDialog(){throw new NotImplementedException();}public void OnDialogClosed(){throw new NotImplementedException();}public void OnDialogOpened(IDialogParameters parameters){throw new NotImplementedException();}}
  • Title

我们首先要明白一点就是我们弹出的窗口是一个UserContorl控件,它其实是在一个Window窗口中的,这个窗口呢是Prism框架来进行创建和管理的,这个窗口呢,绑定了一个标题,就是这个Title,所以如果你只是在初始化的时候就一个标题,那么就这样简单的赋值就行了,如果你想要在运行过程中更改这个标题,你还要实现它的通知属性才行.

 private string title;public string Title{get { return title; }set{title = value;RaisePropertyChanged();}}
  • RequestClose()事件

用于从ViewModel触发对话框的关闭.是的ViewModel能够控制视图的关闭,而不必依赖视图层的代码.
这样做的好处就是保持了视图和业务逻辑的分离,符合MVVM设计原则.

  • CanCloseDialog()方法

CanCloseDialog()方法用于确定对话框是否可以关闭.这可以基于某些判断,比如表单是否填写完毕或者是否满足特定的业务逻辑来控制对话框是否可以关闭.返回true表示可以关闭对话框,返回false表示不允许关闭对话框.

  • OnDialogClosed()方法

关闭时调用,可以用于执行一些清理操作或者其他逻辑的地方,如资源释放或者状态重置.

  • OnDialogOpened()方法

在对话框打开时调用,可以在这里处理对话框打开的初始化工作,如基于传入的参数设置初始状态或者加载数据.

关于对话框的返回值怎么传递的问题?当你需要从对话框返回数据到调用它的地方的时候,你可以在RequestClose事件时,传递一个
DialogResult实例,并通过DialogResult的构造函数或者属性来设置返回值.

private void DoCancel()
{RequestClose?.Invoke(new DialogResult(ButtonResult.Cancel, null));
}private void DoOk()
{RequestClose?.Invoke(new DialogResult(ButtonResult.OK, null));
}

然后在弹出窗口的那里对结果进行获取,并进行判断

private void DoShowDialog(string modelType)
{switch (modelType){case "Modal":_dialogService.ShowDialog(nameof(ModalDialog), result =>{if (result.Result == ButtonResult.OK){System.Diagnostics.Debug.WriteLine("点击了OK,进行保存操作.");}else{System.Diagnostics.Debug.WriteLine("点击了取消,不进行保存操作.");}});break;}
}
③ Dialog使用案例一 (修改器)

我们做一个案例,界面上有两个按钮,弹出来的是同一个弹窗,但是弹窗的功能稍微有点不同,一个是名称修改,一个是电话修改.这个案例不重要,主要是运用之前的知识. 修改之后,如果点击了确定按钮,要把这个新的数据返回给调用者,调用者那里显示这个新的值.

主界面操作按钮

<Window x:Class="DialogUsedSimple01.Views.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:prism="http://prismlibrary.com/"Title="{Binding Title}"Width="1000" Height="800"prism:ViewModelLocator.AutoWireViewModel="True"><Grid><StackPanel Margin="50"><Button Width="100" Height="35"Content="修改名称"Command="{Binding ModifyNameCommand}" /><Button Width="100" Height="35"Content="修改电话"Command="{Binding ModifyPhoneCommand}"Margin="0,10" /></StackPanel></Grid>
</Window>

注册view和viewModel

namespace DialogUsedSimple01
{/// <summary>/// Interaction logic for App.xaml/// </summary>public partial class App{protected override Window CreateShell(){return Container.Resolve<MainWindow>();}protected override void RegisterTypes(IContainerRegistry containerRegistry){// 1. 注册导航视图containerRegistry.RegisterForNavigation<MainWindow, MainWindowViewModel>();// 2.注册弹框containerRegistry.RegisterDialog<DialogSimpleDemo, DialogSimpleViewModel>();}}
}

弹框视图

<UserControl x:Class="DialogUsedSimple01.Views.DialogSimpleDemo"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:local="clr-namespace:DialogUsedSimple01.Views"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"mc:Ignorable="d" d:DesignHeight="450" d:DesignWidth="800"Width="500" Height="300"><Grid><StackPanel Margin="10" Orientation="Horizontal"><Label Width="60" Height="30"Content="{Binding TextShow}"FontSize="16"VerticalAlignment="Center" /><TextBox Width="200" Height="30"Text="{Binding TextInput}"Margin="10,0"VerticalContentAlignment="Center" /></StackPanel><StackPanel Margin="10"HorizontalAlignment="Right" VerticalAlignment="Bottom"Orientation="Horizontal"><Button Width="100" Content="确认" Command="{Binding OkCommand}" /><Button Width="100"Content="取消"Command="{Binding CancelCommand}"Margin="10,0" /></StackPanel></Grid>
</UserControl>

弹框视图对应的ViewModel

namespace DialogUsedSimple01.ViewModels
{public class DialogSimpleViewModel : BindableBase, IDialogAware{public DialogSimpleViewModel(){OkCommand = new DelegateCommand(DoOK);CancelCommand = new DelegateCommand(DoCancel);}private void DoCancel(){RequestClose?.Invoke(new DialogResult(ButtonResult.Cancel, new DialogParameters($"resVal={TextInput}")));}private void DoOK(){RequestClose?.Invoke(new DialogResult(ButtonResult.OK, new DialogParameters($"resVal={TextInput}")));}public DelegateCommand OkCommand { get; private set; }public DelegateCommand CancelCommand { get; private set; }private string title;public string Title{get { return title; }set{title = value;RaisePropertyChanged();}}private string textShow;public string TextShow{get { return textShow; }set{textShow = value;RaisePropertyChanged();}}private string textInput;public string TextInput{get { return textInput; }set{textInput = value;RaisePropertyChanged();}}public event Action<IDialogResult> RequestClose;public bool CanCloseDialog(){return true;}public void OnDialogClosed(){}public void OnDialogOpened(IDialogParameters parameters){var parameter = parameters.GetValue<string>("modifyType");if (parameter == "Name"){Title = "名称修改器";TextShow = "新名称:";}else if (parameter == "Phone"){Title = "电话修改器";TextShow = "新电话:";}}}
}

主视图对应的ViewModel

namespace DialogUsedSimple01.ViewModels
{public class MainWindowViewModel : BindableBase{private IDialogService _dialogService;private string _title = "弹窗示例1";public string Title{get { return _title; }set { SetProperty(ref _title, value); }}public MainWindowViewModel(IDialogService dialogService){_dialogService = dialogService;ModifyNameCommand = new DelegateCommand(DoModifyName);ModifyPhoneCommand = new DelegateCommand(DoModifyPhone);}private void DoModifyPhone(){_dialogService.ShowDialog(nameof(DialogSimpleDemo), new DialogParameters($"modifyType=Phone"), result =>{string newVal = result.Parameters.GetValue<string>("resVal");if (result.Result == ButtonResult.OK){System.Diagnostics.Debug.WriteLine($"确认成功,修改后的电话为:{newVal}");}else{System.Diagnostics.Debug.WriteLine($"取消修改");}});}private void DoModifyName(){_dialogService.ShowDialog(nameof(DialogSimpleDemo), new DialogParameters($"modifyType=Name"), result =>{string newVal = result.Parameters.GetValue<string>("resVal");if (result.Result == ButtonResult.OK){System.Diagnostics.Debug.WriteLine($"确认成功,修改后名字为: {newVal}");}else{System.Diagnostics.Debug.WriteLine($"取消修改");}});}public DelegateCommand ModifyNameCommand { get; private set; }public DelegateCommand ModifyPhoneCommand { get; private set; }}
}
④ Dialog使用案例2(异常显示窗口)

我们平时看到的异常,比如下面这些,都分别代表什么意思呢?
在这里插入图片描述

  • 1. Data

  • 类型: IDictionary

  • 描述: 获取一个键值对集合,可以在其中添加自定义的异常处理信息.这使得你可以将额外的数据和异常对象关联,便于异常处理时获取更多的上下文信息.

  • 2. HResult

  • 类型: int

  • 描述: 获取或者设置HResult(一个由返回值标识的整数),它是一个从底层COM组件中映射过来的错误代码.通常是一个固定的很大的负数.

  • 3. HelpLink

  • 类型: string

  • 描述: 获取或者设置异常处理相关文档的链接地址或者URI,通常是文件路径或者是网页路径,可以提供更多的异常相关的帮助

  • 4. InnerException

  • 类型: Exception

  • 描述: 内部异常,也就是说异常是可以嵌套的,当我们在处理异常A的过程中,这个异常A是因为异常B导致的,也就是说抛出的异常A在异常B的Catch逻辑里,那么我称最开始出现的异常B为异常A的内部异常,说白了就是我们捕获的时候可能最后只捕获了异常A,但是异常A发生的时候其实先发生了异常B,异常B就是异常A的内部异常.

try
{string content= File.ReadAllText(filePath);
}
catch(BException ex)
{throw new AException();
}

上面的BException就是AException的内部异常.

  • 5. Message

  • 类型: string

  • 描述: 获取描述当前异常的消息.这是一个人类可以读取的错误描述,通常用于提示异常原因.

  • 6. Source

  • 类型: string

  • 描述: 获取或者设置引发当前异常的应用程序或者对象的名称.默认情况下,这通常是引发异常的程序集的名称.

  • 7. StackTrace

  • 类型: string

  • 描述: 获取调用堆栈上的当前发生异常的时候的方法调用序列包括异常发生的地方,对于调试和定位问题非常重要.

  • 8. TargetSite

  • 类型: MethodBase

  • 描述: 获取引发当前异常的方法.这个返回一个MethodBase对象,包含有关异常源头的方法的信息,如方法名,拥有类等.

个人想法

我现在是这样想的,当出现异常的时候,我首先是弹出一个框,这个框先弹出来的异常信息,上面有几个按钮,一个是查看详情,一个是打开打开异常日志目录,一个是关闭,点击查看详情的时候弹出一个框显示这个异常的详细信息,详细信息就是上面介绍的这些内容,这里要注意一点就是如果有内部异常,内部异常也要现实出来.然后这个详情页就只有两个按钮,一个是复制,一个是关闭

第一步: 创建异常显示页面,只显示异常的Message消息

<UserControl x:Class="ExceptionShowDialogDemo.Dialogs.ErrorShowDialog"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:local="clr-namespace:ExceptionShowDialogDemo.Dialogs"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:prism="http://prismlibrary.com/"mc:Ignorable="d" d:DesignHeight="450" d:DesignWidth="800"><!--设置Prism对话框所在窗口的全局属性1) 窗口显示的区域,父窗口的中心2) 窗口是否可以被用户调整大小,NoResize不可以3) 窗口是否在任务栏中显示, False,不显示,一般模态窗口和一些简单的操作不显示在任务栏4) 设置窗口的大小自动调整以适应其内容宽高--><prism:Dialog.WindowStyle><Style TargetType="Window"><Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterOwner" /><Setter Property="ResizeMode" Value="NoResize" /><Setter Property="ShowInTaskbar" Value="False" /><Setter Property="SizeToContent" Value="WidthAndHeight" /></Style></prism:Dialog.WindowStyle><UserControl.Resources><Style TargetType="Button"><Setter Property="Height" Value="35" /><Setter Property="VerticalContentAlignment" Value="Center" /></Style></UserControl.Resources><DockPanel MinWidth="700" MinHeight="300"Background="#EEE"LastChildFill="False"><StackPanel Orientation="Horizontal"><Label><TextBlock Text="{Binding Message}"Foreground="#333"FontSize="16"TextWrapping="Wrap" /></Label></StackPanel><StackPanel DockPanel.Dock="Bottom"Margin="20"HorizontalAlignment="Right"Orientation="Horizontal"><Button Width="100" Content="查看详情" Command="{Binding ViewDetailCommand}" /><Button Width="100" Content="关闭" Command="{Binding CloseDialogCommand}" /></StackPanel></DockPanel>
</UserControl>

其对应的ViewModel

namespace ExceptionShowDialogDemo.ViewModels
{public class ErrorShowDialogViewModel : BindableBase, IDialogAware{private readonly IDialogService _dialogService;public ErrorShowDialogViewModel(IDialogService dialogService){_dialogService = dialogService;ViewDetailCommand = new DelegateCommand(DoViewDetail);OpenErrorDirCommand = new DelegateCommand(DoOpenErrorDir);CloseDialogCommand = new DelegateCommand(DoCloseDialog);}private void DoCloseDialog(){RequestClose?.Invoke(new DialogResult());}private void DoOpenErrorDir(){}private void DoViewDetail(){DialogParameters parameters = new DialogParameters(){{"Title","异常详情页" },{"Exception",ExceptionDetail }};_dialogService.ShowDialog(nameof(ExceptionDetailDialog), parameters, result => { });}public DelegateCommand ViewDetailCommand { get; private set; }public DelegateCommand OpenErrorDirCommand { get; private set; }public DelegateCommand CloseDialogCommand { get; private set; }private string title;public string Title{get { return title; }set{title = value;RaisePropertyChanged();}}private string message;public string Message{get { return message; }set{message = value;RaisePropertyChanged();}}public Exception ExceptionDetail { get; set; }public event Action<IDialogResult> RequestClose;public bool CanCloseDialog(){return true;}public void OnDialogClosed(){}public void OnDialogOpened(IDialogParameters parameters){var title = parameters.GetValue<string>("Title");var exception = parameters.GetValue<Exception>("Exception");if (!string.IsNullOrEmpty(title) && exception != null){Title = title;ExceptionDetail = exception; // 异常赋值Message = exception.Message;}}}
}

注册和模拟异常代码app.cs中

namespace ExceptionShowDialogDemo
{/// <summary>/// Interaction logic for App.xaml/// </summary>public partial class App{public App(){Startup += App_Startup;DispatcherUnhandledException += App_DispatcherUnhandledException;}private void App_DispatcherUnhandledException(object sender, DispatcherUnhandledExceptionEventArgs e){var dialogService = Container.Resolve<IDialogService>();DialogParameters parameters = new DialogParameters{{ "Title", "未捕获异常提示框" },{ "Exception", e.Exception }};dialogService.ShowDialog(nameof(ErrorShowDialog), parameters, result => { });}private void App_Startup(object sender, StartupEventArgs e){}protected override Window CreateShell(){return Container.Resolve<MainWindow>();}protected override void OnStartup(StartupEventArgs e){base.OnStartup(e);try{throw new ArgumentException("数据库操作异常");}catch (Exception ex){ex.Data.Add("DataBaseName", "TableA");ex.Data.Add("HappenTime", DateAndTime.Now.ToString("yyyy-MM-dd HH:mm:ss"));ex.HelpLink = "Https//www.baidu.com";throw new Exception("外部异常", ex);}}protected override void RegisterTypes(IContainerRegistry containerRegistry){containerRegistry.RegisterForNavigation<MainWindow, MainWindowViewModel>();containerRegistry.RegisterDialog<ErrorShowDialog, ErrorShowDialogViewModel>();containerRegistry.RegisterDialog<ExceptionDetailDialog, ExceptionDetailDialogViewModel>();}}
}

点击详情页弹出的另外一个详情页窗口

<UserControl x:Class="ExceptionShowDialogDemo.Dialogs.ExceptionDetailDialog"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:converter="clr-namespace:ExceptionShowDialogDemo.ValueConverters"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:local="clr-namespace:ExceptionShowDialogDemo.Dialogs"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:prism="http://prismlibrary.com/"mc:Ignorable="d" d:DesignHeight="450" d:DesignWidth="800"><prism:Dialog.WindowStyle><Style TargetType="Window"><Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterOwner" /><Setter Property="ResizeMode" Value="NoResize" /><Setter Property="ShowInTaskbar" Value="False" /><Setter Property="SizeToContent" Value="WidthAndHeight" /></Style></prism:Dialog.WindowStyle><UserControl.Resources><converter:GetTypeConverter x:Key="GetTypeConverter" /><converter:NotNullConverter x:Key="NotNullConverter" /><Style TargetType="Button"><Setter Property="Height" Value="35" /><Setter Property="Width" Value="100" /><Setter Property="VerticalContentAlignment" Value="Center" /></Style></UserControl.Resources><DockPanel MinWidth="700" MinHeight="300"Background="#EEE"LastChildFill="False"><StackPanel DockPanel.Dock="Top" Margin="10" Orientation="Horizontal"><Label VerticalContentAlignment="Center"><TextBlock Text="{Binding ExceptionShow.Message}" Foreground="#333" TextWrapping="Wrap" /></Label></StackPanel><!--Width = "*"  和 Width 什么都不写有什么区别?1) Width = * 宽度占用剩余的部分,使用Width="*"2) 如果什么都不写表示这个列的宽度会根据内容自动适应--><Grid Margin="10"><Grid.ColumnDefinitions><ColumnDefinition Width="250" /><ColumnDefinition Width="auto" /><ColumnDefinition Width="*" /></Grid.ColumnDefinitions><ListView Background="#EEE"Padding="5,0"ItemsSource="{Binding Exceptions}"SelectedValue="{Binding ExceptionSelected, Mode=TwoWay}"><ListView.ItemTemplate><DataTemplate><!--绑定当前上下文,其中的Bingding Path=. 可以省略,直接写成Binding Convereter={StaticResource GetTypeConverter}--><TextBlock Text="{Binding Path=., Mode=OneWay, Converter={StaticResource GetTypeConverter}}" /></DataTemplate></ListView.ItemTemplate></ListView><!--  Grid之间的分隔线  --><GridSplitter Grid.Column="1"Width="2"Background="#888"Margin="10,0" /><ScrollViewer Grid.Column="2"HorizontalScrollBarVisibility="Auto" TextBlock.FontSize="13"VerticalScrollBarVisibility="Hidden"><StackPanel><Label><StackPanel Orientation="Horizontal"><TextBlock Text="{Binding ExceptionSelected, Converter={StaticResource GetTypeConverter}}" FontSize="18" FontWeight="Bold" /><TextBlock Text="(异常类型)" FontSize="18" FontWeight="Bold" /></StackPanel></Label><Label Content="Message(异常信息)"FontWeight="Bold"Margin="0,5,0,0"Visibility="{Binding ExceptionSelected.Message, Converter={StaticResource NotNullConverter}}" /><Label Content="{Binding ExceptionSelected.Message}" FontSize="12" Visibility="{Binding ExceptionSelected.Message, Converter={StaticResource NotNullConverter}}" /><Label Content="Stack Trace(方法调用序列)"FontWeight="Bold"Margin="0,5,0,0"Visibility="{Binding ExceptionSelected.StackTrace, Converter={StaticResource NotNullConverter}}" /><Label Content="{Binding ExceptionSelected.StackTrace}" Margin="0,5,0,0" /><Label Content="Target Site(异常发生方法)"FontWeight="Bold"Margin="0,5,0,0"Visibility="{Binding ExceptionSelected.TargetSite, Converter={StaticResource NotNullConverter}}" /><Label Content="{Binding ExceptionSelected.TargetSite}" Visibility="{Binding ExceptionSelected.TargetSite, Converter={StaticResource NotNullConverter}}" /><!--每个Exception对象都有一个Data属性,这是一个IDictionary接口的实例,用于存储定义的键值数据.如果你有一个数据库连接异常,你想知道是哪个数据库连接异常,你可以把这个信息添加到Data中去.--><Label Content="Data(异常附加信息)"FontWeight="Bold"Margin="0,5,0,0"Visibility="{Binding ExceptionSelected.Data, Converter={StaticResource NotNullConverter}}" /><ItemsControl ItemsSource="{Binding ExceptionSelected.Data}" Visibility="{Binding ExceptionSelected.Data, Converter={StaticResource NotNullConverter}}"><ItemsControl.ItemTemplate><DataTemplate><Label><TextBlock FontSize="12" FontStyle="Italic"><Run Text="{Binding Key, Mode=OneWay}" /><Run Text=" = " /><Run Text="{Binding Value, Mode=OneWay}" /></TextBlock></Label></DataTemplate></ItemsControl.ItemTemplate></ItemsControl><!--获取或者设置导致错误的应用程序的名称,通常是引发异常的应用程序的名称--><Label Content="Source(异常程序集)"FontWeight="Bold"Margin="0,5,0,0"Visibility="{Binding ExceptionSelected.Source, Converter={StaticResource NotNullConverter}}" /><Label Content="{Binding ExceptionSelected.Source}" Visibility="{Binding ExceptionSelected.Source, Converter={StaticResource NotNullConverter}}" /><Label Content="Help Link(异常帮助链接)"FontWeight="Bold"Margin="0,5,0,0"Visibility="{Binding ExceptionSelected.HelpLink, Converter={StaticResource NotNullConverter}}" /><Label Content="{Binding ExceptionSelected.HelpLink}" Visibility="{Binding ExceptionSelected.HelpLink, Converter={StaticResource NotNullConverter}}" /><Label Content="HResult(异常错误代码)"FontWeight="Bold"Margin="0,10,0,0"Visibility="{Binding ExceptionSelected.HResult, Converter={StaticResource NotNullConverter}}" /><Label Content="{Binding ExceptionSelected.HResult}" Visibility="{Binding ExceptionSelected.HResult, Converter={StaticResource NotNullConverter}}" /></StackPanel></ScrollViewer></Grid><StackPanel DockPanel.Dock="Bottom"Margin="10"HorizontalAlignment="Right"Orientation="Horizontal"><Button Content="关闭" Command="{Binding CloseDialogCommand}" /></StackPanel></DockPanel>
</UserControl>

异常详情页对应的ViewModel

namespace ExceptionShowDialogDemo.ViewModels
{public class ExceptionDetailDialogViewModel : BindableBase, IDialogAware{public ExceptionDetailDialogViewModel(){CloseDialogCommand = new DelegateCommand(DoCloseDialog);}private void DoCloseDialog(){RequestClose?.Invoke(new DialogResult());}public DelegateCommand CloseDialogCommand { get; private set; }private string title;public string Title{get { return title; }set{title = value;RaisePropertyChanged();}}private Exception exceptionSelected;public Exception ExceptionSelected{get { return exceptionSelected; }set{exceptionSelected = value;RaisePropertyChanged();}}/// <summary>/// 异常列表,包括发生异常的内部异常./// </summary>private ObservableCollection<Exception> exceptions = new ObservableCollection<Exception>();public ObservableCollection<Exception> Exceptions{get { return exceptions; }set{exceptions = value;RaisePropertyChanged();}}public event Action<IDialogResult> RequestClose;public bool CanCloseDialog(){return true;}public void OnDialogClosed(){}public void OnDialogOpened(IDialogParameters parameters){Exceptions.Clear();var title = parameters.GetValue<string>("Title");var exception = parameters.GetValue<Exception>("Exception");if (!string.IsNullOrEmpty(title)){Title = title;}while (exception != null){Exceptions.Add(exception);// 当没有内部异常的时候exception.InnerException的返回值为nullexception = exception.InnerException;}ExceptionSelected = Exceptions.FirstOrDefault();}}
}

使用到的两个类型转换器

namespace ExceptionShowDialogDemo.ValueConverters
{public class GetTypeConverter : IValueConverter{/// <summary>/// 当数据从绑定源(后台的一个数据模型)传递给绑定目标(例如一个控件)时,Converter方法会被调用./// </summary>/// <param name="value">要转换的值(绑定的数据源)</param>/// <param name="targetType">转换的目标类型,UI控件属性承载的类型,比如Text和Content的目标类型就是string</param>/// <param name="parameter">一个可选参数,可以在XAML中提供,你可以使用这个参数来影响转换的行为</param>/// <param name="culture">用于转换的文化信息,用来进行一些区域特性的转换,例如日期和字符串</param>/// <returns></returns>public object Convert(object value, Type targetType, object parameter, CultureInfo culture){var res = value?.GetType() ?? targetType;// 如果value为null,就返回targetType,如果是textBox或者是textBlock就返回stringreturn res;}// 当数据从绑定目标传递给绑定源的时候,就是从UI控件的值到后台的值的时候.ConvertBack会被调用.// 其实就是相当于控件上的值发生了变化,会调用这个方法,而我们使用了Bingding.DoNothing,表示不作转换// 什么都不做./// <summary>/// /// </summary>/// <param name="value">从绑定目标(UI控件)传递过来的值</param>/// <param name="targetType">绑定源的数据类型</param>/// <param name="parameter"></param>/// <param name="culture"></param>/// <returns></returns>public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture){return Binding.DoNothing;}}
}

namespace ExceptionShowDialogDemo.ValueConverters
{public class NotNullConverter : IValueConverter{public object Convert(object value, Type targetType, object parameter, CultureInfo culture){bool res = value != null;switch (value){case ICollection collection:res = collection.Count > 0;break;case string str:res = !string.IsNullOrWhiteSpace(str);break;case int i:res = i != 0;break;case double d:res = Math.Abs(d) > 0.00001;break;}// 看看是否需要 反转结果,根据paraeter的值来判读昂if ((parameter is bool inverse || parameter is string s && bool.TryParse(s, out inverse)) && inverse)res = !res;if (targetType == typeof(Visibility))return res ? Visibility.Visible : Visibility.Collapsed;return res;}public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture){return Binding.DoNothing;}}
}

最后实现的效果,出现异常的第一个弹窗
在这里插入图片描述
点击查看详情的弹窗
在这里插入图片描述
总结:

这个小案例还是用到了不少的知识点,但是还是有可以优化的地方,因为这里又在ViewModel中操作了UI,最好的实践方式是将弹窗这里封装成为一个服务,然后在服务里操作窗口,后续再介绍

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/315616.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

《HCIP-openEuler实验指导手册》1.3Apache动态功能模块加载卸载练习

《HCIP-openEuler实验指导手册》1.3Apache动态功能模块加载卸载练习

1.3.1 配置思路 mod_status 模块可以帮助管理员通过web界面监控Apache运行状态&#xff0c;通过LoadModule指令加载该模块&#xff0c;再配置相关权限&#xff0c;并开启ExtendedStatus后&#xff0c;即可使用该模块。 1.3.2 配置步骤 检查mod_status模块状态&#xff08;使…
阅读更多...
C# Solidworks二次开发：访问平面、曲面相关API详解

C# Solidworks二次开发：访问平面、曲面相关API详解

大家好&#xff0c;今天要介绍的是关于平面、曲面相关的API。 下面是相关的API: &#xff08;1&#xff09;第一个为ISurfacePlanarFeatureData&#xff0c;这个API的含义为允许访问平面表面特征&#xff0c;下面是官方的具体解释&#xff1a; 下面是官方使用的例子&#xff…
阅读更多...
【网络原理】IP协议的地址管理和路由选择

【网络原理】IP协议的地址管理和路由选择

系列文章目录 【网络通信基础】网络中的常见基本概念 【网络编程】网络编程中的基本概念及Java实现UDP、TCP客户端服务器程序&#xff08;万字博文&#xff09; 【网络原理】UDP协议的报文结构 及 校验和字段的错误检测机制&#xff08;CRC算法、MD5算法&#xff09; 【网络…
阅读更多...
【网络原理】TCP协议的连接管理机制（三次握手和四次挥手）

【网络原理】TCP协议的连接管理机制（三次握手和四次挥手）

系列文章目录 【网络通信基础】网络中的常见基本概念 【网络编程】网络编程中的基本概念及Java实现UDP、TCP客户端服务器程序&#xff08;万字博文&#xff09; 【网络原理】UDP协议的报文结构 及 校验和字段的错误检测机制&#xff08;CRC算法、MD5算法&#xff09; 【网络…
阅读更多...
扭蛋机小程序带来了什么优势？扭蛋机收益攻略

扭蛋机小程序带来了什么优势？扭蛋机收益攻略

在当下的潮流消费时代&#xff0c;人们对潮玩也日益个性化&#xff0c;扭蛋机作为一种新型的娱乐消费模式&#xff0c;深受大众喜爱。扭蛋机的价格低&#xff0c;各个年龄层的玩家都可以进行购买&#xff0c;潜在玩家量非常大。扭蛋机商品主打热门IP周边等&#xff0c;种类繁多…
阅读更多...
大型零售企业，适合什么样的企业邮箱大文件解决方案？

大型零售企业，适合什么样的企业邮箱大文件解决方案？

大型零售企业通常指的是在全球或特定地区内具有显著市场影响力和知名度的零售商。这些企业不仅在零售业务收入上达到了惊人的规模&#xff0c;而且在全球范围内拥有广泛的销售网络和实体店铺。它们在快速变化的零售行业中持续创新&#xff0c;通过实体店、电商平台等多种渠道吸…
阅读更多...
第十一章 Spring Boot 整合 WebSocket

第十一章 Spring Boot 整合 WebSocket

第十一章 Spring Boot 整合 WebSocket 1. 为什么需要 WebSocket2. WebSocket 简介3. Spring Boot 整合 WebSocket3.1 实现消息群发1. 依赖2. 配置 WebSocket ************************************************************ 1. 为什么需要 WebSocket 2. WebSocket 简介 3. Spri…
阅读更多...
QT支持多种开发语言

QT支持多种开发语言

QT主要是一个C应用程序框架&#xff0c;但它也提供了对其他一些编程语言的官方或非官方支持。以下是QT支持的一些语言版本及其特点。北京木奇移动技术有限公司&#xff0c;专业的软件外包开发公司&#xff0c;欢迎交流合作。 1.Python (PyQt) &#xff1a; PyQt是QT的官方Pyth…
阅读更多...
axios.get请求 重复键问题？？

axios.get请求 重复键问题？？

封装的接口方法&#xff1a; 数据&#xff1a; 多选框多选后 能得到对应的数组 但是请求的载荷却是这样的,导致会请求不到数据 departmentChecks 的格式看起来是一个数组&#xff0c;但是通常 HTTP 请求的查询参数不支持使用相同的键&#xff08;key&#xff09;名多次。如…
阅读更多...
【Redis 开发】Redis哨兵

【Redis 开发】Redis哨兵

哨兵 作用和原理服务状态监控选举新的master 搭建哨兵集群RedisTemplate的哨兵模式 作用和原理 Redis提供了哨兵机制来实现主从集群中的自动故障恢复&#xff1a; 哨兵也是一个集群 监控&#xff1a;会不断检查master和slave是否按预期工作自动故障恢复&#xff1a;如果mast…
阅读更多...
本地生活服务平台有哪些？哪个靠谱？

本地生活服务平台有哪些？哪个靠谱？

随着多家互联网大厂的本地生活服务布局日益展开&#xff0c;不少人都看到了其中的巨大市场缺口和广阔前景&#xff0c;想要入驻本地生活服务平台&#xff0c;瓜分这块巨大的蛋糕。而在当下这个选择大于努力的时代&#xff0c;能否分到蛋糕以及分到多少蛋糕的关键&#xff0c;就…
阅读更多...
Vast+产品展厅 | Vastbase G100数据库是什么架构？(2)

Vast+产品展厅 | Vastbase G100数据库是什么架构？(2)

Vastbase G100是海量数据融合了多年对各行业应用场景的深入理解&#xff0c;基于openGauss内核开发的企业级关系型数据库。 上一期&#xff0c;《Vast产品展厅》为您介绍了Vastbase G100的部署架构和物理架构。 本期&#xff0c;我们将为您详细讲解Vastbase G100的物理架构和…
阅读更多...
基于Python实现心脏病数据可视化DEA+预测【500010103.1】

基于Python实现心脏病数据可视化DEA+预测【500010103.1】

一、数据说明 该心脏病数据集是通过组合 5 个已经独立可用但以前未合并的流行心脏病数据集来策划的。在这个数据集中&#xff0c;5 个心脏数据集结合了 11 个共同特征&#xff0c;使其成为迄今为止可用于研究目的的最大心脏病数据集。 该数据集由 1190 个实例和 11 个特征组成…
阅读更多...
PVE虚拟机隐藏状态栏虚拟设备

PVE虚拟机隐藏状态栏虚拟设备

虚拟机启动后&#xff0c;状态栏会出现一些虚拟设备&#xff0c;点击弹出会导致虚拟机无法使用。 解决方案&#xff1a; 1、在桌面新建disable_virtio_removale.bat文件&#xff0c;内容如下&#xff1a; ECHO OFF FOR /f %%A IN (reg query "HKLM\SYSTEM\CurrentContro…
阅读更多...
低代码+定制物资管理：创新解决方案探析

低代码+定制物资管理：创新解决方案探析

引言 在当今快速变化的商业环境中&#xff0c;企业面临着不断增长的挑战&#xff0c;如提高效率、降低成本、满足客户需求等。为了应对这些挑战&#xff0c;企业需要不断创新并采用先进的技术解决方案。在这样的背景下&#xff0c;低代码开发和定制化物资管理成为了引领企业变…
阅读更多...
Spark-机器学习（7）分类学习之决策树

Spark-机器学习（7）分类学习之决策树

在之前的文章中&#xff0c;我们学习了分类学习之支持向量机&#xff0c;并带来简单案例&#xff0c;学习用法。想了解的朋友可以查看这篇文章。同时&#xff0c;希望我的文章能帮助到你&#xff0c;如果觉得我的文章写的不错&#xff0c;请留下你宝贵的点赞&#xff0c;谢谢。…
阅读更多...
selenium在Pycharm中结合python的基本使用、交互、无界面访问

selenium在Pycharm中结合python的基本使用、交互、无界面访问

下载 下载与浏览器匹配的浏览器驱动文件&#xff0c;这里一定注意的是&#xff0c;要选择和浏览器版本号相同的驱动程序&#xff0c;否则后面会有很多问题。 &#xff08;1&#xff09;浏览器&#xff08;以google为例&#xff09;版本号的查询&#xff1a; 我这里的版本号是1…
阅读更多...
MySQL数据库安装——zip压缩包形式

MySQL数据库安装——zip压缩包形式

安装压缩包zip形式的 MySQL 8数据库 一 、先进入官网下载 https://dev.mysql.com/downloads/mysql/ 二、解压到某个文件夹 我解压到了D:\mysql\mysql8 下面 然后在这个文件夹下手动创建 my.ini 文件和 data 文件夹 my.ini 内容如下&#xff1a; 注意 basedir 和 datadi…
阅读更多...
vue做导入导出excel文档

vue做导入导出excel文档

系统中经常会遇到要实现批量导入/导出数据的功能&#xff0c;导入就需要先下载一个模板&#xff0c;然后在模板文件中填写内容&#xff0c;最后导入模板&#xff0c;导出就可能是下载一个excel文件。 1、导出 新建一个export.js文件如下&#xff1a; import {MessageBox,Mes…
阅读更多...
文件摆渡：安全、高效的摆渡系统助力提升效率

文件摆渡：安全、高效的摆渡系统助力提升效率

很多组织和企业都会通过网络隔离的方式来保护内部的数据&#xff0c;网络隔离可以是物理隔离&#xff0c;也可以是逻辑隔离&#xff0c;如使用防火墙、VPN、DMZ等技术手段来实现&#xff0c;隔离之后还会去寻找文件摆渡方式&#xff0c;来保障日常的业务和经营需求。 进行网络隔…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023