模拟MessageBox

原文：《模拟MessageBox》 Posted on 2014/01/07

================================================================================

这段时间在用WPF开发项目。界面采用的是类似Win8系统的Metro风格，但是系统自带MessageBox貌似不能被Style，于是重写MessageBox。

之前一直没有写过自定义控件，就不知道怎么下手。于是从网上找了好些资料，发现了这篇博文《WPF 自定义 MessageBox (相对完善版)》。看了代码解释并运行了Demo，觉得根据实际需要改造下应该可以用到项目里来。

以前一直很好奇为什么能Style很多控件，而MessageBox却不能Style，查过.NET Reflector，发现：

public sealed class MessageBox : System.Object

MessageBox类 是直接继承自Object类，实际上是对具体细节进行了封装。

总体结构建立在Vito.K的代码基础之上，我加入的一些功能：

1. 关闭按钮：
   在MessageBoxModule中定义关闭命令的依赖项属性： 
   

   /// <summary>
   /// 关闭命令
   /// </summary>
   public static readonly DependencyProperty CloseCommandProperty =
       DependencyProperty.Register(
           "CloseCommand", 
           typeof(RoutedCommand), 
           typeof(MessageBoxModule));

   /// <summary>
   /// 关闭命令
   /// </summary>
   public RoutedCommand CloseCommand
   {
       get { return (RoutedCommand)GetValue(CloseCommandProperty); }
       set { SetValue(CloseCommandProperty, value); }
   }

   设置方法：

   /// <summary>
   /// 设置关闭窗口命令
   /// </summary>
   private void SetupCloseCommand()
   {
       InputGestureCollection inputGestures = 
           new InputGestureCollection();
       inputGestures.Add(new KeyGesture(Key.F4, ModifierKeys.Alt));
   
       CloseCommand = new RoutedCommand(
           "CloseCommand",
           typeof(MessageBoxModule),
           inputGestures);
   
       CommandBindings.Add(
           new CommandBinding(CloseCommand, CloseCommandExecuted));
   }

   在public MessageBoxModule()方法中调用即可。
   在MessageBoxModule的Style文件中对该命令的使用：

   <Button x:Name="CloseButton" Command="{TemplateBinding CloseCommand}" .../>

2. 通过标题栏拖动MessageBox：
   之前写过的无边框的Windows窗体都是通过Rectangle的MouseLeftButtonDown事件来触发拖动窗体的，然后这个方法在这边行不通，于是又用这方法，还是行不通： 
   

   <i:Interaction.Triggers>
       <i:EventTrigger EventName="MouseLeftButtonDown">
           <i:InvokeCommandAction Command="{TemplateBinding DragOverCommand}"/>
       </i:EventTrigger/>
   </i:Interaction.Triggers>

   无意间看到《WPF编程宝典 C# 2010版》第18章中的无外观控件代码中的TemplatePart。照猫画虎地写下了以下代码：
   在Style文件中：

   <Rectangle x:Name="PART_TitleRectangle" .../>

   在MessageBoxModule类中：
   在类前面加上：
   
   

   [TemplatePart(Name="PART_TitleRectangle", Type=typeof(Rectangle))]
   internal sealed class MessageBoxModule : Window
   { }

   重载public void OnApplyTemplate()方法：

   public override void OnApplyTemplate()
   {
       base.OnApplyTemplate();
   
       // 为TitleRectangle添加MouseLeftButtonDown事件处理程序
       Rectangle rect = GetTemplateChild("PART_TitleRectangle") as Rectangle;
       if (rect != null)
       {
           rect.MouseLeftButtonDown += (sender, e) => { DragMove(); };
       }
   }

3. 显示详细信息：
   主要是Style中几个相关控件的Visibility的设置，依据是MessageBoxModule类中的指定值，即DependencyProperty MessageDetailProperty是否为空来选择是否启用显示相信信息功能：
   

   <DockPanel x:Name="RootLayoutPanel">
       ...
       <Separator Visibility="{Binding Path=Visibility, ElementName=MessageDetailTextBlock}" DockPanel.Dock="Bottom"/>
       <!--信息区-->
       <DockPanel x:Name="ContentDockPanel" DockPanel.Dock="Top">
           ...
           <TextBlock x:Name="MessageTextBlock" Text="{TemplateBinding Message}"  DockPanel.Dock="Top" />
           <Grid Visibility="{Binding Path=IsChecked, ElementName=DetailInfoToggleButton, Converter={converter:BooleanToVisibilityConverter}}" >
               <TextBlock x:Name="MessageDetailTextBlock" 
                   Text="{TemplateBinding MessageDetail}" 
                   Visibility="{TemplateBinding MessageDetail, Converter={converter:StringToVisibilityConverter}}" 
                   DockPanel.Dock="Bottom" />
           </Grid>
       </DockPanel>
   </DockPanel>

4. 加入MessageBoxImage：
   通过MessageBoxModule类中的DependencyProperty MessageBoxIconTypeProperty来指定显示哪种类型的图片： 
   

   /// <summary>
   /// 消息框图标
   /// </summary>
   public static readonly DependencyProperty MessageBoxIconTypeProperty =
       DependencyProperty.Register(
           "MessageBoxIconType",
           typeof(MessageBoxIcon),
           typeof(MessageBoxModule),
           new PropertyMetadata(MessageBoxIcon.None));

   MessageBoxIcon是枚举类型类似于MessageBoxImage的一个枚举类型：
   
   

   /// <summary>
   /// 图标
   /// </summary>
   public enum MessageBoxIcon
   {
       None = 0,
       Error = 0x10,
       //Hand = 0x10,
       //Stop = 0x10,
       Question = 0x20,
       Warning = 0x30,
       //Exclamation = 0x30,
       //Asterisk = 0x40,
       //Information = 0x40,
   }

   在Style文件中：

   <!--信息区-->
   <DockPanel x:Name="ContentDockPanel" DockPanel.Dock="Top" Margin="15,10">
       <Image x:Name="MB_MistakeImage" Visibility="Collapsed" Source="/Controls;component/Images/messagebox_mistake.png"/>
       <Image x:Name="MB_QueryImage" Visibility="Collapsed" Source="/Controls;component/Images/messagebox_query.png"/>
       <Image x:Name="MB_WarningImage" Visibility="Collapsed" Source="/Controls;component/Images/messagebox_warning.png"/>
       ...
   </DockPanel>

   用ControlTemplate.Triggers进行控制对应Image的Visibility属性：

   <ControlTemplate.Triggers>
       <Trigger Property="MessageBoxIconType" Value="Error">
           <Setter Property="Visibility" TargetName="MB_MistakeImage" Value="Visible"/>
       </Trigger>
       <Trigger Property="MessageBoxIconType" Value="Question">
           <Setter Property="Visibility" TargetName="MB_QueryImage" Value="Visible"/>
       </Trigger>
       <Trigger Property="MessageBoxIconType" Value="Warning">
           <Setter Property="Visibility" TargetName="MB_WarningImage" Value="Visible"/>
       </Trigger>
   </ControlTemplate.Triggers>

【END】