WPF自定義控制項之消息提示

来源:https://www.cnblogs.com/fengxinyuan/archive/2022/11/20/16908940.html
-Advertisement-
Play Games

創建消息提示控制項 internal class Message : ContentControl { public int Time { get; set; } [Bindable(true)] public MessageType MessageType { get { return (Messa ...


創建消息提示控制項

internal class Message : ContentControl
    {
        public int Time { get; set; }

        [Bindable(true)]
        public MessageType MessageType { get { return (MessageType)GetValue(MessageTypeProperty); } set { SetValue(MessageTypeProperty, value); } }
        public static readonly DependencyProperty MessageTypeProperty = DependencyProperty.Register("MessageType", typeof(MessageType), typeof(Message), new PropertyMetadata(default(MessageType)));

        internal Message()
        {
            Loaded += Message_Loaded;
        }

        private async void Message_Loaded(object sender, System.Windows.RoutedEventArgs e)
        {
            if (Parent is MessageHost host)
            {
                await Task.Delay(Time);
                host.Items.Remove(this);
            }
        }
    }
消息提示控制項
<Style x:Key="MessageStyle" TargetType="xy:Message">
        <Setter Property="MinHeight" Value="50" />
        <Setter Property="MinWidth" Value="200" />
        <Setter Property="IsHitTestVisible" Value="false" />
        <Setter Property="HorizontalAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="TextBlock.TextWrapping" Value="WrapWithOverflow" />
        <Setter Property="TextBlock.TextTrimming" Value="CharacterEllipsis" />
        <Setter Property="Margin" Value="0,4" />
        <Setter Property="Panel.ZIndex" Value="99" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="xy:Message">
                    <ControlTemplate.Resources>
                        <Storyboard x:Key="MessageStoryboard">
                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="TranslateTransform" Storyboard.TargetProperty="Y">
                                <EasingDoubleKeyFrame KeyTime="0" Value="-40" />
                                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0">
                                    <EasingDoubleKeyFrame.EasingFunction>
                                        <CircleEase EasingMode="EaseOut" />
                                    </EasingDoubleKeyFrame.EasingFunction>
                                </EasingDoubleKeyFrame>
                            </DoubleAnimationUsingKeyFrames>
                            <DoubleAnimation
                                Storyboard.TargetName="TransitionBody"
                                Storyboard.TargetProperty="Opacity"
                                From="0"
                                To="1"
                                Duration="0:0:0.5" />
                        </Storyboard>
                    </ControlTemplate.Resources>
                    <Grid
                        x:Name="TransitionBody"
                        Margin="1"
                        Opacity="0"
                        RenderTransformOrigin="0.5,0.5">
                        <Grid.RenderTransform>
                            <TransformGroup>
                                <TranslateTransform x:Name="TranslateTransform" />
                            </TransformGroup>
                        </Grid.RenderTransform>
                        <Border Background="{TemplateBinding Background}" CornerRadius="5">
                            <Border.Effect>
                                <DropShadowEffect Opacity="0.2" ShadowDepth="0" />
                            </Border.Effect>
                        </Border>
                        <Grid Margin="1,0">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="auto" />
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <Border
                                x:Name="icon_background"
                                Width="20"
                                Height="20"
                                Margin="10,10,5,10">
                                <Path x:Name="icon" Stretch="Fill" />
                            </Border>
                            <ContentPresenter
                                Grid.Column="1"
                                Margin="5,10"
                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                        </Grid>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="MessageType" Value="Default">
                            <Setter Property="Background" Value="White" />
                            <Setter TargetName="icon_background" Property="Visibility" Value="Collapsed" />
                        </Trigger>
                        <Trigger Property="MessageType" Value="Error">
                            <Setter Property="Background" Value="White" />
                            <Setter TargetName="icon" Property="Fill" Value="#FF5722" />
                            <Setter TargetName="icon" Property="Data" Value="M512 0C229.23 0 0 229.23 0 512s229.23 512 512 512c282.768 0 512-229.23 512-512C1024 229.23 794.77 0 512 0zM746.76 656.252c7.808 7.808 7.806 20.472 0.002 28.284l-62.228 62.224c-7.808 7.808-20.47 7.814-28.286 0.002L512 602.51l-144.25 144.25c-7.81 7.812-20.474 7.808-28.284 0l-62.226-62.224c-7.81-7.808-7.812-20.472 0-28.284L421.492 512l-144.25-144.25c-7.81-7.808-7.81-20.474 0-28.284l62.226-62.224c7.81-7.812 20.474-7.81 28.284 0L512 421.49l144.252-144.25c7.806-7.812 20.47-7.81 28.282 0l62.226 62.224c7.806 7.812 7.808 20.474 0 28.284L602.51 512 746.76 656.252z" />
                        </Trigger>
                        <Trigger Property="MessageType" Value="Success">
                            <Setter Property="Background" Value="White" />
                            <Setter TargetName="icon" Property="Fill" Value="#5FB878" />
                            <Setter TargetName="icon" Property="Data" Value="M510.107082 0C228.488568 0 0.191459 228.297109 0.191459 509.913817 0.191459 791.530527 228.488568 1019.827635 510.107082 1019.827635 791.725594 1019.827635 1020.017285 791.530527 1020.017285 509.913817 1020.017285 228.297109 791.725594 0 510.107082 0L510.107082 0ZM410.902284 770.518774 409.764366 769.377244 408.622835 770.518774 168.529307 530.430664 248.958453 449.997904 409.764366 610.798397 771.252096 249.310666 851.681244 329.739812 410.902284 770.518774 410.902284 770.518774Z" />
                        </Trigger>
                        <Trigger Property="MessageType" Value="Warning">
                            <Setter Property="Background" Value="White" />
                            <Setter TargetName="icon" Property="Fill" Value="#FFB800" />
                            <Setter TargetName="icon" Property="Data" Value="M512 0C229.254842 0 0.010628 229.244214 0.010628 511.989372c0 282.766414 229.244214 512.010628 511.989372 512.010628 282.766414 0 511.989372-229.244214 511.989372-512.010628C1024.010628 229.244214 794.78767 0 512 0zM580.146217 804.23589l-136.271178 0L443.875039 687.626362l136.271178 0L580.146217 804.23589zM580.146217 591.443695l-136.271178 0L443.875039 219.76411l136.271178 0L580.146217 591.443695z" />
                        </Trigger>
                        <EventTrigger RoutedEvent="Loaded" SourceName="TransitionBody">
                            <EventTrigger.Actions>
                                <BeginStoryboard Storyboard="{StaticResource MessageStoryboard}" />
                            </EventTrigger.Actions>
                        </EventTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style BasedOn="{StaticResource MessageStyle}" TargetType="xy:Message" />
消息提示控制項樣式
public enum MessageType
    {
        [Description("預設")]
        Default,

        [Description("成功")]
        Success,

        [Description("警告")]
        Warning,

        [Description("錯誤")]
        Error
    }
消息類型枚舉

創建消息提示控制項容器

public class MessageHost : System.Windows.Controls.ItemsControl
    {
        public string Token { get { return (string)GetValue(TokenProperty); } set { SetValue(TokenProperty, value); } }

        public static readonly DependencyProperty TokenProperty = DependencyProperty.Register("Token", typeof(string), typeof(MessageHost), new PropertyMetadata(OnTokenChanged));

        private static void OnTokenChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            if(d is MessageHost host)
            {
                var token = e.NewValue.ToString();
                if (MessageHosts.ContainsKey(token))
                {
                    MessageHosts.Remove(token);
                }
                MessageHosts.Add(token, host);
            }
        }

        protected override bool IsItemItsOwnContainerOverride(object item)
        {
            return item is Message;
        }

        protected override DependencyObject GetContainerForItemOverride()
        {
            return new Message();
        }
    }
消息提示控制項容器
<Style x:Key="MessageHostStyle" TargetType="xy:MessageHost">
        <Setter Property="Panel.ZIndex" Value="999" />
    </Style>
    <Style BasedOn="{StaticResource MessageHostStyle}" TargetType="xy:MessageHost" />
消息提示控制項容器樣式

創建消息通知類

public class MessageManage
    {
        internal static Dictionary<string, MessageHost> MessageHosts { get; set; } = MessageHosts ?? new Dictionary<string, MessageHost>();

        public static void Default(string message, string token = null, int time = 3000)
        {
            Show(message, MessageType.Default, token, time);
        }

        public static void Success(string message, string token = null, int time = 3000)
        {
            Show(message, MessageType.Success, token, time);
        }

        public static void Warning(string message, string token = null, int time = 3000)
        {
            Show(message, MessageType.Warning, token, time);
        }

        public static void Error(string message, string token = null, int time = 3000)
        {
            Show(message, MessageType.Error, token, time);
        }

        private static void Show(string message, MessageType messageType, string token, double time)
        {
            if (!MessageHosts.ContainsKey(token)) return;
            var messageHost = MessageHosts[token];
            messageHost.Dispatcher.BeginInvoke( (Action)(() =>
            {
                messageHost.Items.Add(new Message() { MessageType = messageType, Content = message, Time = time, Uid = Guid.NewGuid().ToString() });
            }));
        }
    }
消息通知

使用示例:

在app.xaml中引入資源

<Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/Demo.UI;component/Themes/Defaults.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>

 MainWindow.xaml

<Grid>
        <Button
            Width="100"
            Height="50"
            Content="測試" Click="Button_Click" />
        <xy:MessageHost Margin="0,24,0,0" Token="MainMessageToken" />
    </Grid>
public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            MessageManage.Success("點擊了測試", "MainmessageToken"); 
     }
   }

效果:

 通俗點講就是在想要擁有提示的頁面添加一個容器,容器中塞入消息提示控制項,消息提示控制項在指定時間之後從容器中移除;

MessageManage類通過token進行查找到指定容器進行塞入;

也可以全局使用一個消息容器進行提示;根據需求進行改造。

本文來自博客園,作者:阿金啊,轉載請註明原文鏈接:https://www.cnblogs.com/fengxinyuan/p/16908940.html


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 以python 3為例關於迴圈中經常出現賦值問題的幾個形式(要賦值的變數a,迴圈變數b)就比如for i in range(n): 相對於b來說 1:a += b 是對每次b在迴圈過程中的值進行求和,每次迴圈中b與b之間沒有聯繫 2:b += b 是將每次b的值繼續帶入下一次迴圈中,會對下一次迴圈的 ...
  • 1.1 冪等性的概念 Methods can also have the property of "idempotence" in that (aside from error or expiration issues) the side-effects of N > 0 identical req ...
  • 遞歸方式基本思想: 1、當待處理節點非空時,判斷其左右孩子是否不同時為空:若是,轉到2、否則分別遞歸調用左右子樹進行操作。 2、新建一個輔助結點,執行交換操作。 3、遞歸調用非空的左右子樹進行操作。 BiTree *exchangeChild(BiTree *&T){ if(T==null) ret ...
  • .在上一節我們實現的 MyVector存在哪些問題? 問題1 現在有Student類 class Student{ public: Student(){cout<<"構造Student對象"<<endl;} ~Student(){cout<<"析構Student對象"<<endl;} private ...
  • 哈夫曼樹 1.概念: 給定n個權值最為n個葉子的節點,構建成一顆二叉樹。如果次樹的帶權路徑長度最小,則稱此二叉樹為最優二叉樹,也叫哈夫曼樹。 WLP:帶權路徑長度 公式: **Wk:**第k個葉子的節點權值 **Lk:**根節點到第k個葉子的節點長度 例如下列二叉樹: 給定4個葉子節點,權值分別為{ ...
  • JZ79 判斷是不是平衡二叉樹 描述 輸入一棵節點數為 n 二叉樹,判斷該二叉樹是否是平衡二叉樹。 在這裡,我們只需要考慮其平衡性,不需要考慮其是不是排序二叉樹 平衡二叉樹(Balanced Binary Tree),具有以下性質:它是一棵空樹或它的左右兩個子樹的高度差的絕對值不超過1,並且左右兩個 ...
  • [C# 中的序列化與反序列化](.NET 源碼學習) 關鍵詞:序列化(概念與分析) 三種序列化(底層原理 源碼) Stream(底層原理 源碼) 反射(底層原理 源碼) 假如有一天我們要在在淘寶上買桌子,桌子這種很不規則不東西,該怎麼從一個城市運輸到另一個城市,這時候一般都會把它拆掉成板子,再裝到箱 ...
  • 摘要 這片文章主要是記錄自己的整活過程,涉及到的技術包括.NET IoT, .NET Web, .NET MAUI,框架採用的也是最新的.NET 7。 本人是用的樹莓派Zero 2 W(ubuntu-22.04)進行開發測試,但是.NET IoT庫也有社區張高興提交的香橙派GPIO引腳的映射,香橙派 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...