模拟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 = ,
        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】