C# wpf 实现自定义按钮及Toast的MessageBox

最新推荐文章于 2024-03-08 09:52:58 发布
最新推荐文章于 2024-03-08 09:52:58 发布
阅读量1.7k 收藏 9
点赞数 2
分类专栏： # wpf 文章标签： c# wpf 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013113678/article/details/120919738
版权

WPF 自定义MessageBox系列

第一节 简单MessageBox
第二节 倒计时MessageBox
第三节 自定义按钮的MessageBox（本节）
第四节 界面操作分离的MessageBox
第五节 替换系统的MessageBox

文章目录

前言

本篇是在上一篇《C# wpf 实现自定义倒计时MessageBox》的基础上添加自定义按钮功能，可以设置按钮名称以及是否显示。这就灵活了使用场景

一、代码

1、MessageBox.xaml

<Window x:Class="WpfApp1.MessageBox"
        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:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="MessageBox" 
        AllowsTransparency="True"
        Background="Transparent"
        ResizeMode="NoResize"
        ShowInTaskbar="False"
        Topmost="True"
        WindowStartupLocation="CenterScreen"
        Width="600"
        Height="260"
        WindowStyle="None"
        Closing="Window_Closing"
        Loaded="Window_Loaded"
        >
    <Viewbox>
        <Grid  Width="600" Height="260">
            <Border  Margin="10" Background="White"    >
                <Border.Effect>
                    <DropShadowEffect ShadowDepth="0" BlurRadius="10" Opacity="0.5"/>
                </Border.Effect>
                <Border.Style>
                    <Style TargetType="Border">
                        <Style.Triggers>
                            <MultiDataTrigger>
                                <MultiDataTrigger.Conditions>
                                    <Condition  Binding="{Binding NoText}" Value="{x:Null}"/>
                                    <Condition  Binding="{Binding YesText}" Value="{x:Null}"/>
                                </MultiDataTrigger.Conditions>
                                <MultiDataTrigger.Setters>
                                    <Setter  Property="Width" Value="400"></Setter>
                                    <Setter  Property="Height" Value="120"></Setter>
                                </MultiDataTrigger.Setters>
                            </MultiDataTrigger>
                        </Style.Triggers>
                    </Style>
                </Border.Style>
                <Grid Margin="20">
                    <StackPanel VerticalAlignment="Center">
                        <TextBlock   Text="{Binding Context}" Margin="0,0,0,0"    HorizontalAlignment="Center"  VerticalAlignment="Center" FontSize="48"  Foreground="Gray"/>
                        <Control Height="40">
                            <Control.Template>
                                <ControlTemplate>
                                    <ControlTemplate.Triggers>
                                        <MultiDataTrigger>
                                            <MultiDataTrigger.Conditions>
                                                <Condition  Binding="{Binding NoText}" Value="{x:Null}"/>
                                                <Condition  Binding="{Binding YesText}" Value="{x:Null}"/>
                                            </MultiDataTrigger.Conditions>
                                            <MultiDataTrigger.Setters>
                                                <Setter  Property="Visibility" Value="Collapsed"></Setter>
                                            </MultiDataTrigger.Setters>
                                        </MultiDataTrigger>
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Control.Template>
                        </Control>
                    </StackPanel>
   
                    <StackPanel VerticalAlignment="Bottom"  Orientation="Horizontal" HorizontalAlignment="Center" >
                        <Button      Height="64" Width="144"  Click="No_Button_Click"  Cursor="Hand"  >
                            <Button.Template>
                                <ControlTemplate  TargetType="{x:Type Button}">
                                    <Border   Background="White"  BorderBrush="#cccccc"  >
                                        <Border.Effect>
                                            <DropShadowEffect ShadowDepth="0" BlurRadius="10" Opacity="0.2"/>
                                        </Border.Effect>
                                        <TextBlock  Name="text"   FontSize="24"    Foreground="Gray"  HorizontalAlignment="Center" VerticalAlignment="Center">
                                            <TextBlock.Text>
                                                <MultiBinding StringFormat="{}{0}（{1}）">
                                                    <Binding Path="NoText" />
                                                    <Binding Path="NoLeftTime.TotalSeconds"/>
                                                </MultiBinding>
                                            </TextBlock.Text>
                                        </TextBlock>
                                    </Border>
                                    <ControlTemplate.Triggers>
                                        <DataTrigger Binding="{Binding NoLeftTime.TotalSeconds}" Value="-1">
                                            <Setter TargetName="text" Property="Text" Value="{Binding NoText}"></Setter>
                                        </DataTrigger>
                                        <DataTrigger Binding="{Binding NoText}" Value="{x:Null}">
                                            <Setter  Property="Visibility" Value="Collapsed"></Setter>
                                        </DataTrigger>
                                        <DataTrigger Binding="{Binding YesText}" Value="{x:Null}">
                                            <Setter  Property="Margin" Value="0"></Setter>
                                        </DataTrigger>
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Button.Template>
                        </Button>
                        <Control Width="30">
                            <Control.Template>
                                <ControlTemplate>
                                    <ControlTemplate.Triggers>
                                        <DataTrigger Binding="{Binding NoText}" Value="{x:Null}">
                                            <Setter  Property="Visibility" Value="Collapsed"></Setter>
                                        </DataTrigger>
                                        <DataTrigger Binding="{Binding YesText}" Value="{x:Null}">
                                            <Setter  Property="Visibility" Value="Collapsed"></Setter>
                                        </DataTrigger>
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Control.Template>
                        </Control>
                        <Button    Height="64" Width="144"  Click="Yes_Button_Click" Cursor="Hand" >
                            <Button.Template>
                                <ControlTemplate  TargetType="{x:Type Button}">
                                    <Border  Background="Gray"  >
                                        <Border.Effect>
                                            <DropShadowEffect ShadowDepth="0" BlurRadius="10" Opacity="0.2"/>
                                        </Border.Effect>
                                        <TextBlock  Name="text"  FontSize="24"   Foreground="White"  HorizontalAlignment="Center" VerticalAlignment="Center">
                                            <TextBlock.Text>
                                                <MultiBinding StringFormat="{}{0}（{1}）">
                                                    <Binding Path="YesText" />
                                                    <Binding Path="YesLeftTime.TotalSeconds" />
                                                </MultiBinding>
                                            </TextBlock.Text>
                                        </TextBlock>
                                    </Border>
                                    <ControlTemplate.Triggers>
                                        <DataTrigger Binding="{Binding YesLeftTime.TotalSeconds}" Value="-1">
                                            <Setter TargetName="text" Property="Text" Value="{Binding YesText}"></Setter>
                                        </DataTrigger>
                                        <DataTrigger Binding="{Binding YesText}" Value="{x:Null}">
                                            <Setter  Property="Visibility" Value="Collapsed"></Setter>
                                        </DataTrigger>
                                        <DataTrigger Binding="{Binding NoText}" Value="{x:Null}">
                                            <Setter  Property="Margin" Value="0"></Setter>
                                        </DataTrigger>
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Button.Template>
                        </Button>
                    </StackPanel>
                </Grid>
            </Border>
        </Grid>
    </Viewbox>
</Window>

2、MessageBox.xaml.cs

using System;
using System.ComponentModel;
using System.Windows;
using System.Windows.Threading;
namespace WpfApp1
{
    public class MessageResult
    {
        /// <summary>
        /// 结果，Yes为true，No为false
        /// </summary>
        public bool IsYes { get; set; }
        public TimeSpan YesLeftTime { get; set; }

        public TimeSpan NoLeftTime { get; set; }
    }
    public class MessageBoxEventArgs : EventArgs
    {
        /// <summary>
        /// 结果，Yes为true，No为false
        /// </summary>
        public MessageResult Result { get; set; }
    }
    /// <summary>
    /// MessageBox.xaml 的交互逻辑
    /// </summary>
    public partial class MessageBox : Window, INotifyPropertyChanged
    {
        public  event EventHandler<MessageBoxEventArgs> Result;
        public event PropertyChangedEventHandler PropertyChanged;
        string _context = "Ensure?";
        public string Context
        {
            get { return _context; }
            set { _context = value; PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Context")); }
        }

        string _yesText = "Yes";
        public string YesText
        {
            get { return _yesText; }
            set { _yesText = value; PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("YesText")); }
        }
        string _noText = "No";
        public string NoText
        {
            get { return _noText; }
            set { _noText = value; PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("NoText")); }
        }

        TimeSpan _yesLeftTime = TimeSpan.FromSeconds(-1);
        public TimeSpan YesLeftTime 
        {
            get { return _yesLeftTime; }
            set { _yesLeftTime = value; PropertyChanged?.Invoke(this,new PropertyChangedEventArgs("YesLeftTime"));}
        }
        TimeSpan _noLeftTime= TimeSpan.FromSeconds(-1);
        public TimeSpan NoLeftTime
        {
            get { return _noLeftTime; }
            set { _noLeftTime = value; PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("NoLeftTime")); }
        }
        bool _isLegal = false;
        DispatcherTimer _timer;
        public MessageBox()
        {
            InitializeComponent();
            DataContext = this;
      
        }      
        public static void Show(string context, EventHandler<MessageBoxEventArgs> result)
        {
            var mb = new MessageBox();
            mb.Context = context;
            mb.Result += result;
            mb.Show();
        }

        public static MessageResult ShowDialog(string context)
        {
            return ShowDialog(context,null,null, null, null);
        }
        public static MessageResult ShowDialog(string context, string yesText, string noText)
        {
            return ShowDialog(context, yesText, noText, null, null);
        }
        public static void Toast(string context, TimeSpan stayTime)
        {
          App.Current.Dispatcher.BeginInvoke(new Action(()=> {
              ShowDialog(context, null, null, stayTime, null);
          }));     
        }

        public static MessageResult ShowDialog(string context,TimeSpan ?yestCountDown, TimeSpan? noCountDown)
        {
            return ShowDialog(context, null, null, yestCountDown, noCountDown);
        }

        public static MessageResult ShowDialog(string context,string yesText,string noText ,TimeSpan? yestCountDown, TimeSpan? noCountDown)
        {
            var mb = new MessageBox();
            mb.Context = context;
            MessageResult r = null;
            mb.YesText = yesText;
            mb.NoText = noText;
            if (yestCountDown != null)
            {
                mb.YesLeftTime = yestCountDown.Value;
            }
            if (noCountDown != null)
            {
                mb.NoLeftTime = noCountDown.Value;
            }
            mb.Result += (s, e) => {
                r = e.Result;
            };
            mb.ShowDialog();
            return r;
        }


        private void No_Button_Click(object sender, RoutedEventArgs e)
        {
            _isLegal = true;
            Close();
            Result?.Invoke(this, new MessageBoxEventArgs() { Result = new MessageResult() { IsYes=false, YesLeftTime=this.YesLeftTime, NoLeftTime= this.NoLeftTime } });
        }
        private void Yes_Button_Click(object sender, RoutedEventArgs e)
        {
            _isLegal = true;
            Close();
            Result?.Invoke(this, new MessageBoxEventArgs() { Result = new MessageResult() { IsYes = true, YesLeftTime = this.YesLeftTime, NoLeftTime = this.NoLeftTime } });
        }
        private void Window_Closing(object sender, System.ComponentModel.CancelEventArgs e)
        {
            e.Cancel = !_isLegal;
        }
        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            if(YesLeftTime.TotalSeconds>0||NoLeftTime.TotalSeconds > 0)
            {
                _timer = new DispatcherTimer();
                _timer.Interval = TimeSpan.FromSeconds(1);
                _timer.Tick += (S, E) =>
                {         
                    if (YesLeftTime.TotalSeconds > 0)
                    {
                        YesLeftTime = YesLeftTime.Add(-TimeSpan.FromSeconds(1));
                    }
                    else if (YesLeftTime.TotalSeconds == 0)
                    {
                        _timer.Stop();
                        Yes_Button_Click(null, null);
                    }
                    if (NoLeftTime.TotalSeconds > 0)
                    {
                        NoLeftTime = NoLeftTime.Add(-TimeSpan.FromSeconds(1));
                    }
                    else if (NoLeftTime.TotalSeconds == 0)
                    {
                        _timer.Stop();
                        No_Button_Click(null, null);
                    }
                };
                _timer.Start();
            }
        }
    }
}

二、效果预览

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

三、调用方法

是否按钮

var r = MessageBox.ShowDialog("确定?", "是", "否");
if (r.IsYes)
{
    //选择了Yes
}
else
{
    //选择了No
}

OK按钮

MessageBox.ShowDialog("Ensure?", "OK", null);

Toast

MessageBox.Toast("确定?", TimeSpan.FromSeconds(3));

总结

在xaml使用了一些触发器，根据不同的按钮设置显示不同的样式，增加了MessageBox的功能，以及灵活性。

CodeOfCC
关注
专栏目录
自定义wpf中的MessageBox（可自定义button键文字）
03-25
效果图地址：http://www.pmlehuo.com/?p=270
WPF下实现类似微信Toast控件
07-21
WPF下实现类似微信Toast控件： 1.淡入淡出弹出Toast提示框 2.显示固定时长后自动消失 3.友好性图标 4.可根据父容器定位 5.可根据显示器定位，并去除任务栏高度和宽度（为了防止某些装逼人士，喜欢把默认的底部任务栏移至其它方向） 6.可跟随父容器一起移动 7.可根据父容器大小改变自动计算新位置 8.可添加提示框关闭事件和单击事件
WPF学习笔记- 自定义MessageBox，可设置按钮显示语言
向往的是：佛祖堂前的鱼，静静听禅。
06-15 1839
文章目录1.根据自己需要创建自己的消息框2.准备显示语言信息3.逻辑编写4.开发显示语言设置5.测试5.1测试界面5.2中文界面测试结果5.3 英文按钮效果 1.根据自己需要创建自己的消息框 2.准备显示语言信息 3.逻辑编写 /// <summary> /// 确定按钮 /// </summary> /// <param name="sender"></param> ///
WPF中自制类似微信消息提示框Toast控件
康康的博客
07-21 4723
因系统功能需要，需要那种像微信一样的Toast弹出框，可以有图标和文字提示，然后一定时间后可以自动消失 文章目录序 序 本文章主要讲如何通过自定义控件配合Popup实现个性化Toast提示框。目前主要实现了如下几个功能： 淡入淡出弹出Toast提示框 显示固定时长后自动消失 友好性图标 可根据父容器定位 可根据显示器定位，并去除任务栏高度或宽度 可跟随父容器一起移动 可根据父容器大小改变自动计算新位置 可添加提示框关闭事件和单击事件 ...
WPF 消息提示 类似toast方式
最新发布
jsrgckf的专栏
03-08 827
WPF 消息提示 类似toast方式
C# wpf 自定义替换系统的MessageBox
codeofcc的博客
10-24 5125
文章目录前言一、如何替换？1、自定义MessageBox界面2、使用钩子3、替换逻辑二、代码三、实例总结 前言 在上一篇《C# wpf 实现自定义界面操作分离的MessageBox》中我们得到了一个功能完整的MessageBox的功能逻辑，将功能逻辑进行拓展，程序启动的时候，hook系统的MessageBox，变成调用自己的MessageBox。那我们只需要定义一个自己的MessageBox界面，绑定必要的属性，即可直接替换系统的MessageBox，或者说可以修改系统MessageBox的样式。 一
C#自定义控件之-自定义MessageBox
10-28
C#自定义控件之-自定义MessageBox
WPF：完美自定义MeaagseBox 动画 反弹 背景模糊 扁平化
Rvng2014的博客
07-14 253
不知道为什么，WPF的MeaageBox的风格还停留在Win 2000的风格。。。 很久前就想自己封装一个MessageBox出来，但是都只是简单的封装，不怎么具有通用性。这次终于搞完了。 使用方法和系统的MessageBox的使用方法相似度90%以上。另外10%主要是自己加进去了一些更实用的东西进去。 好，废话不多说。 MessageBox经常使用的元素有这些： 1...
C# wpf 实现自定义界面操作分离的MessageBox
05-27
提供了一个MessageBoxHelper类封装的MessageBox所有操作逻辑，通过泛型使用不同的绑定属性窗口进行显示。操作与界面分离后，方便了界面的灵活设计，在不同的项目只需要定义MessageBox的界面即可，操作逻辑直接使用...
一个自定义的MessageBox C#代码
06-03
该自定义MessageBox源码可以根据自己需要修改样式，以适应自己的主题风格，要求VS2010版本以上， .net4.0版本以上。
MessageBoxEx（c# 自定义messagebox）
03-30
MessageBoxEx（c# 自定义messagebox）
ToastNotifications：WPF的Toast通知使您可以在WPF应用程序中创建和显示丰富的通知。 可以使用一组内置选项（例如位置，行为，主题等）进行高度配置。 它是可扩展的，它使您能够以简单的方式创建自定义和交互式通知
02-06
_______ _ _ _ _ _ __ _ _ _ ___ |__ __| | | | \ | | | | (_)/ _(_) | | (_) |__ \ | | ___ __ _ ___| |_| \| | ___ | |_ _| |_ _ ___ __ _| |_ _ ___ _ __ ___ __ __ ) | | |/ _ \ /
WPF自定义MessageBox
07-23
我自己写的WPF控件库自定义MessageBox，内部多张图片，按钮中英文切换，强大的按钮列表绑定不需要代码控制按钮位置，支持换肤（目前仅有QQ2015，但是都能照着写），支持全对话框任意位置点击拖动的DazzleWindow。
WPF 自定义 MessageBox 完善版 (源码放送)
08-06
自己构建的可制定风格的WPF版MessageBox .详情请移步 博客园:http://www.cnblogs.com/Vito2008/p/MessageBox.html 欢迎转载,欢迎拍砖. 5分不多,请多多支持原创撒!
C# wpf style中实现可定制的自定义标题栏
07-13
上一章我们实现了在style中自定义标题栏，解决了复用性的问题。但是在实际使用中，还是存在一些问题的，比如有些界面需要放几个菜单在标题栏或者不需要最大化按钮等，就会变得很不灵活。这时候就需要对style进行...
C# wpf 在style中自定义标题栏及无边框窗口
10-31
style内部的实现其实没那么简单，尤其是实现按钮逻辑以及拖动逻辑，需要在style中关联cs代码，这就要求我们熟悉绑定技巧、附加属性还有ContentPresenter 。但是好处也是明显的，及时具有了通用性，无论是哪个窗体都...
漂亮的C#WPF自定义按钮样式
12-30
本教程将深入探讨如何利用C# WPF实现一个漂亮的自定义按钮样式。 首先，我们需要了解WPF中的样式（Style）和模板（Template）。样式用于定义控件的一系列视觉属性，如背景色、字体、边框等，而模板则更进一步，可以...
WPF自定义一个MessageBox
andy930606的博客
11-22 175
WPF的MessageBox太丑了，自己定义了一个。这是效果：XAML:<Windowx:Class="AgileToDo.UMessageBox"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.c...
c# wpf 实现自定义界面操作分离的messagebox
10-08
c是拉丁字母表中的第三个字母，也是英语中常见的字母之一。在数学中，c经常用作曲线的常量，例如圆的周长公式中的2πr中的π就代表一个常数。在化学领域，c代表着克（gram）的单位，表示质量的量度。在物理学中，c代表光速的常量，即光在真空中的传播速度，约等于每秒300,000公里，也是物质无法超过的极限速度。另外，在计算机科学中，c是一种程序设计语言，被广泛应用于系统软件和应用软件的开发中。c还可以代表着一些专业术语，例如在经济学中，c常用来指代消费者。总之，c在不同领域和语境中有着不同的含义和用法，具有多样化的应用。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

CodeOfCC

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值