WPF+MVVM案例实战（十四）- 封装一个自定义消息弹窗控件（下）

---

1、案例效果

2、弹窗控件使用

1.引入用户控件

打开 Wpf_Examples 项目，在引用中添加用户控件库，在 MainWindow.xaml 界面引用控件库，代码如下（示例）：

<Window x:Class="Wpf_Examples.MainWindow"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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:converter="clr-namespace:Wpf_Examples.Converters"xmlns:local="clr-namespace:Wpf_Examples"xmlns:cc="clr-namespace:CustomControlLib;assembly=CustomControlLib"xmlns:uc="clr-namespace:UserControlLib;assembly=UserControlLib"DataContext="{Binding Source={StaticResource Locator},Path=Main}"mc:Ignorable="d"Title="MainWindow" Height="450" Width="800" WindowStartupLocation="CenterScreen"><Grid><WrapPanel><Button Width="120" Height="40" FontSize="18" Content="警告弹窗" Command="{Binding ButtonClickCmd}" CommandParameter="{Binding RelativeSource={RelativeSource Mode=Self},Path=Content}" Margin="8"/><Button Width="120" Height="40" FontSize="18" Content="错误弹窗" Command="{Binding ButtonClickCmd}" CommandParameter="{Binding RelativeSource={RelativeSource Mode=Self},Path=Content}" Margin="8"/><Button Width="120" Height="40" FontSize="18" Content="提示弹窗" Command="{Binding ButtonClickCmd}" CommandParameter="{Binding RelativeSource={RelativeSource Mode=Self},Path=Content}" Margin="8"/></WrapPanel></Grid>
</Window>

这里我们引用三种状态的弹窗来做实验，用 MessageBox 分别显示每种弹窗点击按钮的结果。

2、按钮命令实现

MainViewModel.cs 中按钮命令代码实现如下：

   public class MainViewModel : ObservableObject{public RelayCommand<string> ButtonClickCmd { get; set; }public MainViewModel(){ButtonClickCmd = new RelayCommand<string>(FunMenu);}private void FunMenu(string obj){var mainWindowInstance = App.Current.MainWindow; // 获取主窗口实例bool? result;//定义窗体点击的结果选项switch (obj){case "警告弹窗":var warningNotification = new UserControlLib.SMessageBox(){Icon = IconType.Warning,ButtonType = ButtonType.OkCancel,Title = "警告",Content = "这是一条警告信息",};warningNotification.Owner = mainWindowInstance; // 设置父窗口result = warningNotification.ShowDialog();MessageBox.Show($"点击窗体的结果是{result}", "提示", MessageBoxButton.OK);break;case "错误弹窗":var error = new UserControlLib.SMessageBox(){Icon = IconType.Error,ButtonType = ButtonType.Ok,Title = "错误",Content = "这是一条错误信息",};error.Owner = mainWindowInstance; // 设置父窗口result = error.ShowDialog();MessageBox.Show($"点击窗体的结果是{result}", "提示", MessageBoxButton.OK);break;case "提示弹窗":var info = new UserControlLib.SMessageBox(){Icon = IconType.Info,ButtonType = ButtonType.Ok,Title = "错误",Content = "这是一条错误信息",};info.Owner = mainWindowInstance; // 设置父窗口result = info.ShowDialog();MessageBox.Show($"点击窗体的结果是{result}", "提示", MessageBoxButton.OK);break;}}private void PopWindow(Window window){var mainWindowInstance = App.Current.MainWindow; // 获取主窗口实例window.Owner = mainWindowInstance;window.WindowStartupLocation = WindowStartupLocation.CenterOwner;window.ShowDialog();}}

Wpf_Examples 项目没有的同学可以看前面的章节。完成整个项目及MVVM框架的搭建WPF+MVVM案例实战（三）- 动态数字卡片效果实现

3、总结

以上，我们就已经实现了一个自定义弹窗控件的使用，感谢大家的关注，如果有想要其他WPF效果实现的小伙伴可以留言说明需求，本人看到后会根据需求推出对应功能实现的文章。

4、源代码获取

CSDN 下载链接：封装一个自定义消息弹窗控件