wpf 自定义消息框

 相信很多人用过MessageBox.show()，是不是觉得这个消息框有点丑呢，反正我是觉得有点丑的，所以我自己重写了一个。先不说，上两幅图对比先：

　　

当然，也不是很好看，不过比原有的好多了。

不多说了，先上xmal代码：

 1 <Window x:Class="MESBox.MEGBox"
 2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4         Title="MEGBox"  MinWidth="200"  WindowStyle="None"  
 5         AllowsTransparency="True" Background="#AA000000"
 6         WindowStartupLocation="CenterScreen" Window.SizeToContent="WidthAndHeight"
 7         MouseLeftButtonDown="DragWindow"  ShowInTaskbar="False">
 8     <Window.Resources>
 9         <Style x:Key="ButtonStyle" TargetType="{x:Type Button}">
10             <Setter Property="Foreground" Value="White"/>
11             <Setter Property="Template">
12                 <Setter.Value>
13                     <!--设置样式 -->
14                     <ControlTemplate TargetType="{x:Type Button}">
15                         <Grid>
16                             <Rectangle x:Name="Rectangle" Stroke="#FFFFFFFF" StrokeMiterLimit="1.000000" StrokeThickness="0.500000" RadiusX="12.5" RadiusY="12.5" Fill="#FF777777">
17                             </Rectangle>
18                             <ContentPresenter x:Name="ContentPresenter" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
19                          VerticalAlignment="{TemplateBinding VerticalContentAlignment}" RecognizesAccessKey="True"/>
20                         </Grid>
21                         <!-- 设置鼠标移到关闭按钮上的效果 -->
22                         <ControlTemplate.Triggers>
23                             <Trigger Property="IsMouseOver" Value="true">
24                                 <Setter Property="Fill" TargetName="Rectangle">
25                                     <Setter.Value>
26                                         <SolidColorBrush Color="White"></SolidColorBrush>
27                                     </Setter.Value>
28                                 </Setter>
29                                 <Setter Property="Foreground" Value="Black"></Setter>
30                             </Trigger>
31                         </ControlTemplate.Triggers>
32                     </ControlTemplate>
33                 </Setter.Value>
34             </Setter>
35         </Style>
36     </Window.Resources>
37 
38     <Grid  Height="Auto">
39         <Grid.RowDefinitions>
40             <RowDefinition Height="Auto"></RowDefinition>
41             <RowDefinition Height="Auto"></RowDefinition>
42             <RowDefinition Height="Auto" ></RowDefinition>
43         </Grid.RowDefinitions>
44         <DockPanel Grid.Row="0">
45             <Button DockPanel.Dock="Right" Style="{StaticResource ButtonStyle}" 
46                     Width="25" Height="25" Content="X" 
47                     HorizontalAlignment="Right" VerticalAlignment="Top" 
48                     Margin="3,3,3,3"
49                     Click="CloseWindow" >
50             </Button>
51         </DockPanel>
52         <TextBlock Padding="10,15,10,15" Grid.Row="1" x:Name="content" 
53                    Foreground="White" FontSize="18"
54                    MaxWidth="500" TextWrapping="Wrap"/>
55 
56         <StackPanel Orientation="Horizontal"  FlowDirection="RightToLeft"  Grid.Row="2">
57             <Button Content="确定" Width="80"   Click="CloseWindow" Height="30" Margin="10,0,0,0" ></Button>
58         </StackPanel>    
59     </Grid>
60 </Window>

View Code

　　

其中，window 的属性里WindowStyle="None"，AllowsTransparency="True"是设置window无边框的关键，WindowStartupLocation="CenterScreen"，使窗口初始化时在屏幕正中央出现，Background="#AA000000"，#AA000000是具有半透明的颜色，另外，由于消息框的大小是随着内容的多少来变化的，所以并没有设置窗口的长和宽，因此设置Window.SizeToContent="WidthAndHeight"，为的是使消息框能自适应内容。

　　另外，还要注意的是，因为window失去了边框和它的头部，所以是不能够对它进行拖拽的，这就很别扭了，所以我给MouseLeftButtonDown设置了一个DragWindow处理方法。

具体的cs代码如下：

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Text;
 5 using System.Windows;
 6 using System.Windows.Controls;
 7 using System.Windows.Data;
 8 using System.Windows.Documents;
 9 using System.Windows.Input;
10 using System.Windows.Media;
11 using System.Windows.Media.Imaging;
12 using System.Windows.Shapes;
13 
14 namespace MESBox
15 {
16     /// <summary>
17     /// MEGBox.xaml 的交互逻辑
18     /// </summary>
19     public partial class MEGBox : Window
20     {
21         private static MEGBox _Instance;
22         public static MEGBox Instance
23         {
24             get
25             {
26                 if (_Instance == null)
27                 {
28                     _Instance = new MEGBox();
29                 }
30                 return _Instance;
31             }
32         }
33         public MEGBox()
34         {
35             InitializeComponent();
36         }
37         public void Show(string content)
38         {
39             this.content.Text = "       " + content;
40             this.ShowDialog();
41         }    
42         private void DragWindow(object sender, MouseButtonEventArgs e)
43         {
44             this.DragMove();
45         }
46         public void CloseWindow(object sender, RoutedEventArgs args)
47         {
48             
49             this.Close();
50             _Instance = null;
51         }
52 
53     }
54 }

View Code

代码简单易懂，也不详细说了。

 

转载于:https://www.cnblogs.com/xinghen/p/5550106.html