C# Winform實現自定義漂亮的通知效果
前言
本文主要介紹其具體的實現思路(視頻僅有代碼輸入,並無過程介紹等),同時,在原本實現的基礎上,進行瞭多處修改和優化,具體參見下面的內容。
優化調整
下面是對源代碼的修改、優化和調整:
- 修改 lblMsg(Label) 的 AutoSize 為false,盡可能多占通知窗體區域,Anchor跟隨窗體變換,文字左側垂直居中,用於顯示可能更多的消息.
- 設定action、timer1默認值,Name、Opacity、StartPosition(Manual)在構造函數中指定,這樣就不用每次創建通知窗體時進行賦值瞭。
ShowInTaskbar = false;
通知窗體不在任務欄顯示。 - 將原有代碼中定時器時間間隔調整到100毫秒,原設置為1,時間太短人眼看不出區別,白白浪費計算。
ShowNotice()
改為靜態方法,直接通過Form_Alert.ShowNotice(msg, msgType);
調用顯示窗體,不用new創建對象再調用。AlertFormNum
靜態屬性設置最多顯示的通知數量,默認盡可能多的占滿垂直屏幕,手動設置數量不能低於1或超出屏幕。ShowTime
靜態屬性設置完全顯示後通知的顯示時間,單位毫秒;也可以擴展漸變顯示和消失的時間。MoveEntry
靜態屬性設置消息框是否水平移動進入,默認true。通過設置初始的消息框位置,即可實現水平移動進入。- 實現消息框占滿後,新的消息框替換最近消失的通知的功能。原實現中最多隻能顯示10個通知框,當再多時不會顯示(丟失掉),隻有騰出位置(通知消失後)才能顯示新的,現在已經優化為超出的通知框會替換掉舊通知,不會丟失。
下圖為示例,後半段顯示的內容是設置最多顯示5個消息框時,發生替換的效果;
// 設置通知的數量 Form_Alert.AlertFormNum = 5; Form_Alert.MoveEntry = false;// 不水平移動進入
- 調整下圖標位置,垂直方向居中一些
水平移動進入的效果(默認):
- 添加顯示時指定消息字體的參數,有需要可直接修改顯示文字的字體。
/// <summary> /// 設置完x、y之後執行初始化啟動。設置位置、消息類型、顯示、倒計時 /// </summary> /// <param name="msg"></param> /// <param name="msgType"></param> /// <param name="msgFont">字體,默認不指定即可</param> private void InitStart(string msg, MsgType msgType, Font msgFont = null) { // ... }
調用並顯示自定義通知
新建項目NotificationCustom
,完成通知框的調用顯示
Form_Alert.ShowNotice("這是一條成功的消息", MsgType.Success); Form_Alert.ShowNotice("警告!警告的消息", MsgType.Warning); Form_Alert.ShowNotice("發生瞭錯誤,禁止!", MsgType.Error); Form_Alert.ShowNotice("一條普通的信息記錄", MsgType.Info);
或者顯示時指定字體(下面為隨機字體)
Form_Alert.ShowNotice("這是一條成功的消息", MsgType.Success, new Font(FontFamily.Families[random.Next(0, FontFamily.Families.Length)], (float)(10.0+10.0*random.NextDouble())));
主要實現過程
- 創建一個無邊框窗體Form_Alert,添加Label(
lblMsg
)顯示通知消息,添加一個表示關閉的圖片(PictureBox)。 - 設置窗體
StartPosition = FormStartPosition.Manual;
,後面用於設置其初始位置為指定的屏幕右下角 - 通過不同的背景顏色、不同的圖片(icon,PictureBox)代表不同的消息類型(
MsgType
) - 定時器中通過定時時間完成消息窗的顯示(透明度變化)、顯示一定時間、關閉(逐漸透明)整個流程:定義消息窗體不同的操作(
NotificationFormAction
),start表示開始顯示,顯示窗體並在定時器中處理透明、移入的顯示過程,完全顯示後改變操作狀態為wait;設置消息窗體顯示等待的時間,操作狀態變為close,定時時間之後再次執行定時器進入close處理;close過程中定時器執行變得透明、移出,完全透明後關閉定時器、關閉窗體。 - 點擊關閉按鈕圖標,窗體狀態變為close,定時時間改為close的間隔100
- 每次定時器執行函數的結尾記錄下次執行的時間,用於判斷當兩個窗體的狀態相同時,剩餘執行時間為多少,判斷哪個窗體最先消失,用於完成後面的消息通知太多時,新舊消息框的替換【不嚴謹,尤其在逐漸的顯示和關閉過程中,有著多次的定時器循環,如果想要完全嚴格,可以考慮計算消息窗體最終消失的時間(消息框的狀態,循環執行的剩餘次數,每次的間隔時間綜合計算)】
ShowNotice()
靜態方法顯示消息框,直接傳遞要顯示的消息和消息類型即可,分為Success
,Warning
,Error
,Info
四類,通過指定的 AlertFormNum 消息框數量(或默認數量),循環依次顯示消息框,並啟動定時器處理消息框的窗體狀態:漸變顯示(透明度)、顯示一定時間(ShowTime)、漸變消失。循環中通過Application.OpenForms[fname]
獲取通知框窗體,如果沒有獲取到則創建新窗體,並執行顯示,結束整個顯示處理;在循環中記錄已有窗體中最先消失的窗體;如果全部循環完,則說明所有數量的通知框都存在,則完成對最先消失的窗體的替換並顯示新的消息窗體。
代碼實現
修改後全部代碼不到200行,如下,主要部分已經進行註釋:
namespace CustomAlertBoxDemo { public enum NotificationFormAction { start, wait, close } public enum MsgType { Success, Warning, Error, Info } public partial class Form_Alert : Form { /// <summary> /// 通知窗體的數量,默認為垂直屏幕幾乎占滿的數量 /// </summary> private static int alertFormNum = Screen.PrimaryScreen.WorkingArea.Height / (75 + 5); // 75為窗體高度,如果調整窗體高度,記得修改此處 /// <summary> /// 通知窗體的數量,默認為垂直屏幕幾乎占滿的數量,手動修改的數量不能超出屏幕和低於1,否則設置無效 /// </summary> public static int AlertFormNum { get => alertFormNum; set { if (value <= Screen.PrimaryScreen.WorkingArea.Height / (75 + 5) && value > 0) { alertFormNum = value; } } } /// <summary> /// 自定義通知的顯示時間,單位為毫秒,默認為3分鐘,之後開始消失。可根據需要修改 /// </summary> public static int ShowTime { get; set; } = 3000; /// <summary> /// 是否移動進入,默認true /// </summary> public static bool MoveEntry { get; set; } = true; /// <summary> /// 創建通知窗體 /// </summary> /// <param name="name">窗體名稱,必須指定</param> public Form_Alert(string name) { InitializeComponent(); Name = name; this.Opacity = 0.0; ShowInTaskbar = false; StartPosition = FormStartPosition.Manual; } private NotificationFormAction action = NotificationFormAction.start; /// <summary> /// 當前消息框的標準位置 /// </summary> private int x, y; private void timer1_Tick(object sender, EventArgs e) { switch (this.action) { case NotificationFormAction.wait: timer1.Interval = ShowTime; action = NotificationFormAction.close; break; case NotificationFormAction.start: this.timer1.Interval = 100; this.Opacity += 0.1; if (this.x < this.Location.X) { this.Left-=20; // 移動快點 } else { if (this.Opacity == 1.0) { action = NotificationFormAction.wait; } } break; case NotificationFormAction.close: timer1.Interval = 100; this.Opacity -= 0.1; this.Left -= 20; if (base.Opacity == 0.0) { timer1.Stop(); base.Close(); } break; } // tag記錄下次執行的時間,用於後續的替換 timer1.Tag = DateTime.Now.AddMilliseconds(timer1.Interval); } private void pictureBox2_Click(object sender, EventArgs e) { timer1.Interval = 100; action = NotificationFormAction.close; } /// <summary> /// 設置完x、y之後執行初始化啟動。設置位置、消息類型、顯示、倒計時 /// </summary> /// <param name="msg"></param> /// <param name="msgType"></param> private void InitStart(string msg, MsgType msgType) { //this.Location = new Point(frm.x, frm.y); this.Location = new Point(x + (MoveEntry?Width / 2:0), y); switch (msgType) { case MsgType.Success: pictureBox1.Image = Resources.success; BackColor = Color.SeaGreen; break; case MsgType.Error: pictureBox1.Image = Resources.error; BackColor = Color.DarkRed; break; case MsgType.Info: pictureBox1.Image = Resources.info; BackColor = Color.RoyalBlue; break; case MsgType.Warning: pictureBox1.Image = Resources.warning; BackColor = Color.DarkOrange; break; } lblMsg.Text = msg; Show(); timer1.Start(); } public static void ShowNotice(string msg, MsgType msgType) { Form_Alert willDisappearFrm = null; for (int i = 1; i < alertFormNum+1; i++) { string fname = "alert" + i.ToString(); Form_Alert frm = (Form_Alert)Application.OpenForms[fname]; if (frm == null) { frm = new Form_Alert(fname); frm.x = Screen.PrimaryScreen.WorkingArea.Width - frm.Width - 5; frm.y = Screen.PrimaryScreen.WorkingArea.Height - frm.Height * i - 5 * i; // 設置完x、y之後執行初始化啟動 frm.InitStart(msg, msgType); return; } else { if (willDisappearFrm == null) { willDisappearFrm = frm; } else { if (willDisappearFrm.action < frm.action) { willDisappearFrm = frm; } else if (willDisappearFrm.action == frm.action) { // 不考慮一次沒執行的情況 if (willDisappearFrm.timer1.Tag!=null&& frm.timer1.Tag != null) { if (willDisappearFrm.timer1.Tag == null) { willDisappearFrm = frm; } else if(frm.timer1.Tag != null) { if ((DateTime)willDisappearFrm.timer1.Tag > (DateTime)frm.timer1.Tag) { willDisappearFrm = frm; } } } } } } } // 當前最早要消失的窗體willDisappearFrm被替換 var newfrm = new Form_Alert(willDisappearFrm.Name); newfrm.x = Screen.PrimaryScreen.WorkingArea.Width - newfrm.Width - 5; newfrm.y = willDisappearFrm.Location.Y; // 必須立即替換name var totalNum = 0; foreach (Form form in Application.OpenForms) { if (form is Form_Alert) { totalNum += 1; } } willDisappearFrm.Name = $"Form_Alert{totalNum + 1}"; willDisappearFrm.pictureBox2_Click(null, null); // 設置完x、y之後執行初始化啟動 newfrm.InitStart(msg, msgType); } } }
到此這篇關於C# Winform實現自定義漂亮的通知效果的文章就介紹到這瞭,更多相關C# Winform通知效果內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!