場景
效果
注：
博客主頁：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程式猿
獲取編程相關電子書、教程推送與免費下載，
實作
新建一個用戶控制元件TransparencyButton,修改其代碼如下
using System; using System.Collections.Generic; using System.ComponentModel; using System.Drawing; using System.Data; using System.Linq; using System.Text; using System.Windows.Forms; using System.Drawing.Drawing2D; namespace 自定義水晶按鈕控制元件 { public partial class TransparencyButton : UserControl { public TransparencyButton() { InitializeComponent(); } #region 公共變數 public static SmoothingMode sm; public static bool pub_ButtonClick = true;//判斷按鈕是否按下（false為按下） public static int pub_Degree = 0;//記錄四角弧度的大小范圍 public static int pub_RGB_r0 = 0x130;//按鈕背景的R色值 public static int pub_RGB_r1 = 0x99;//按鈕其它顏色的R色值 #endregion #region 添加屬性 private string BNText = ""; [Browsable(true), Category("透明按鈕的屬性設定"), Description("設定顯示的文本")] //在“屬性”視窗中顯示NText屬性 public string NText { get { return BNText; } set { BNText = value; if (BNText.Length > 0) Invalidate(); } } private int BDegree = 1; [Browsable(true), Category("透明按鈕的屬性設定"), Description("設定按鈕四個角的弧度")] //在“屬性”視窗中顯示Degree屬性 public int Degree { get { return BDegree; } set { BDegree = value; if (this.Width >= this.Height) pub_Degree = (int)(this.Height / 2); else pub_Degree = (int)(this.Width / 2); if (BDegree <= 0) BDegree = 1; if (BDegree > pub_Degree) BDegree = pub_Degree; if (BDegree > 0) Invalidate(); } } private Color DShineColor = Color.Black; [Browsable(true), Category("透明按鈕的屬性設定"), Description("設定按鈕的光澤度顏色")] //在“屬性”視窗中顯示ShineColor屬性 public Color ShineColor { get { return DShineColor; } set { DShineColor = value; Invalidate(); } } private Color DUndersideShine = Color.LightGray; [Browsable(true), Category("透明按鈕的屬性設定"), Description("設定按鈕的下部的光澤度")] //在“屬性”視窗中顯示UndersideShine屬性 public Color UndersideShine { get { return DUndersideShine; } set { DUndersideShine = value; Invalidate(); } } private int DCTransparence = 0; [Browsable(true), Category("透明按鈕的屬性設定"), Description("設定按鈕的透明度數")] //在“屬性”視窗中顯示CTransparence屬性 public int CTransparence { get { return DCTransparence; } set { DCTransparence = value; if (DCTransparence > 20) DCTransparence = 20; if (DCTransparence < 0) DCTransparence = 0; if (DCTransparence >= 0) Invalidate(); } } private int DCFontDeepness = 1; [Browsable(true), Category("透明按鈕的屬性設定"), Description("設定按鈕文本的深度")] //在“屬性”視窗中顯示CFontDeepness屬性 public int CFontDeepness { get { return DCFontDeepness; } set { DCFontDeepness = value; if (DCFontDeepness > 20) DCFontDeepness = 20; if (DCFontDeepness < 0) DCFontDeepness = 0; if (DCFontDeepness >= 0) Invalidate(); } } #endregion #region 事件 private void TransparencyButton_Paint(object sender, PaintEventArgs e) { this.BackColor = Color.Transparent;//使當前控制元件透明 sm = e.Graphics.SmoothingMode;//設定呈現質量 Color shineColor = Color.Black; Rectangle rect2 = new Rectangle(0, 0, this.Width, this.Height);//設定繪制按鈕的矩形區域 Rectangle rect1 = new Rectangle(0, this.Height / 2, this.Width, this.Height / 2);//設定繪制按鈕下半部的矩形區域 if (this.CTransparence == 0)//如果按鈕的透明度為0 { CobOblongDown(rect2, e.Graphics);//繪制按扭的背景 CobOblong(rect2, e.Graphics, this.ShineColor);//繪制按扭的背景 } else { if (this.CTransparence > 0)//如果按鈕的透明度不為0 { CobOblongDown(rect2, e.Graphics);//繪制按扭的背景 for (int i = 0; i < CTransparence; i++) { CobOblong(rect2, e.Graphics, this.ShineColor);//繪制按扭的背景顏色 } } } int tem_n = (int)(this.CTransparence / 3);//獲取一個值，用于設定下半部按鈕的顏色深度 if (tem_n == 0)//如果為0 CobAjar(rect1, e.Graphics, this.ShineColor);//繪制按扭的下半部背景 else { if (tem_n > 0)//如果不為0 { for (int i = 0; i < tem_n; i++)//加深下部按鈕的顏色 { CobAjar(rect1, e.Graphics, this.ShineColor);//繪制按扭的下半部背景顏色 } } } CobOblong(rect2, e.Graphics, this.UndersideShine);//設定下半部按鈕的光澤度 if (pub_ButtonClick == false)//判斷按鈕是否按下（false為按下） { CobOblongDown(rect2, e.Graphics);//繪制按扭的背景 } if (this.NText.Length > 0)//如果Text屬性中有值 ProtractText(e.Graphics);//繪制透明按鈕的文本資訊 } private void TransparencyButton_SizeChanged(object sender, EventArgs e) { Invalidate();//對控制元件進行重繪 } private void TransparencyButton_MouseDown(object sender, MouseEventArgs e) { pub_ButtonClick = false;//按下按鈕 Invalidate();//對控制元件進行重繪 } private void TransparencyButton_MouseUp(object sender, MouseEventArgs e) { pub_ButtonClick = true;//松開按鈕 Invalidate();//對控制元件進行重繪 } #endregion #region 自定義方法 /// <summary> /// 繪制透明按扭的文本 /// </summary> /// <param g="Graphics">封裝一個繪圖的類物件</param> private void ProtractText(Graphics g) { Graphics TitG = this.CreateGraphics();//創建Graphics類物件 string TitS = this.NText;//獲取圖表標題的名稱 SizeF TitSize = TitG.MeasureString(TitS, this.Font);//將繪制的字串進行格式化 float TitWidth = TitSize.Width;//獲取字串的寬度 float TitHeight = TitSize.Height;//獲取字串的高度 float TitX = 0;//標題的橫向坐標 float TitY = 0;//標題的縱向坐標 if (this.Height > TitHeight)//如果按鈕的高度大于文本的高度 TitY = (this.Height - TitHeight) / 2;//使文本水平方向局中 else TitY = this.BDegree;//文本置頂 if (this.Width > TitWidth)//如果按鈕的寬度大于文本的寬度 TitX = (this.Width - TitWidth) / 2;//使文本水平局中 else TitX = this.BDegree;//文本置左 //設定文本的繪制區域 Rectangle rect = new Rectangle((int)Math.Floor(TitX), (int)Math.Floor(TitY), (int)Math.Ceiling(TitWidth), (int)Math.Ceiling(TitHeight)); int opacity = pub_RGB_r1;//設定R色值 opacity = (int)(.4f * opacity + .5f);//設定漸變值 for (int i = 0; i < DCFontDeepness; i++)//設定文本的深度 { //設定文本的漸變顏色 using (LinearGradientBrush br = new LinearGradientBrush(rect, Color.FromArgb(opacity, this.ForeColor), Color.FromArgb(opacity, this.ForeColor), LinearGradientMode.Vertical)) { g.DrawString(TitS, this.Font, br, new PointF(TitX, TitY));//繪制帶有漸變效果的文本 } } } /// <summary> /// 繪制透明按扭的背景色 /// </summary> /// <param rect="Rectangle">繪制按鈕的區域</param> /// <param g="Graphics">封裝一個繪圖的類物件</param> /// <param fillColor="Color">填充的顏色</param> private void CobOblong(Rectangle rect, Graphics g, Color fillColor) { using (GraphicsPath bh = CreateCobOblong(rect, this.BDegree))//繪制一個圓角矩形 { int opacity = pub_RGB_r0;//設定按鈕的R色值 opacity = (int)(.4f * opacity + .5f);//設定漸變的變化值 //設定按鈕的漸變顏色 using (LinearGradientBrush br = new LinearGradientBrush(rect, Color.FromArgb(opacity / 5, fillColor), Color.FromArgb(opacity, fillColor), LinearGradientMode.Vertical)) { g.FillPath(br, bh);//填充按鈕背景 } g.SmoothingMode = sm;//設定呈現的質量 } } /// <summary> /// 繪制透明按扭的下半部背景色 /// </summary> /// <param rect="Rectangle">繪制按鈕的下半部區域</param> /// <param g="Graphics">封裝一個繪圖的類物件</param> /// <param fillColor="Color">填充的顏色</param> private void CobAjar(Rectangle rect, Graphics g, Color fillColor) { using (GraphicsPath bh = CreateCobAjar(rect, this.BDegree)) { int opacity = pub_RGB_r1; opacity = (int)(.4f * opacity + .5f); using (LinearGradientBrush br = new LinearGradientBrush(rect, Color.FromArgb(opacity, fillColor), Color.FromArgb(pub_RGB_r1 / 5, fillColor), LinearGradientMode.Vertical)) { g.FillPath(br, bh);//填充按鈕背景 } g.SmoothingMode = sm;//設定呈現的質量 } } /// <summary> /// 繪制透明按扭按下時的效果 /// </summary> /// <param rect="Rectangle">繪制按鈕的區域</param> /// <param g="Graphics">封裝一個繪圖的類物件</param> private void CobOblongDown(Rectangle rect, Graphics g) { using (GraphicsPath bh = CreateCobOblong(rect, this.BDegree))//按鈕的圓角繪制 { int opacity = pub_RGB_r1;//設定按鈕的R色值 Color tem_Color = Color.Black;//設定按鈕的背景顏色為黑色 if (pub_ButtonClick == true)//如果按鈕沒有按下 { opacity = pub_RGB_r0;//設定按鈕的R色值 tem_Color = Color.White;//設定按鈕的背景顏色為白色 } opacity = (int)(.4f * opacity + .5f);//設定漸變的變化值 //設定按鈕的漸變顏色 using (LinearGradientBrush br = new LinearGradientBrush(rect, Color.FromArgb(opacity + 20, tem_Color), Color.FromArgb(opacity, tem_Color), LinearGradientMode.Vertical)) { g.FillPath(br, bh);//填充按鈕背景 } g.SmoothingMode = sm;//設定呈現的質量 } } /// <summary> /// 按鈕的圓角繪制 /// </summary> /// <param rect="Rectangle">繪制按鈕的區域</param> /// <param radius="int">圓角的度數</param> private static GraphicsPath CreateCobOblong(Rectangle rectangle, int radius) { GraphicsPath path = new GraphicsPath();//實體化GraphicsPath類 int l = rectangle.Left;//獲取矩形左上角的X坐標 int t = rectangle.Top;//獲取矩形左上角的Y坐標 int w = rectangle.Width;//獲取矩形的寬度 int h = rectangle.Height;//獲取矩形的高度 path.AddArc(l, t, 2 * radius, 2 * radius, 180, 90);//在矩形的左上角繪制圓角 path.AddLine(l + radius, t, l + w - radius, t);//繪制左上角圓角與右上角之間的線段 path.AddArc(l + w - 2 * radius, t, 2 * radius, 2 * radius, 270, 90);//繪制右上角的圓角 path.AddLine(l + w, t + radius, l + w, t + h - radius);//繪制左上角、右上角和右下角所形成的三角形 path.AddArc(l + w - 2 * radius, t + h - 2 * radius, 2 * radius, 2 * radius, 0, 90);//繪制右下角圓角 path.AddLine(l + radius, t + h, l + w - radius, t + h);//繪制右下角圓角與左上角圓之間的線段 path.AddArc(l, t + h - 2 * radius, 2 * radius, 2 * radius, 90, 90);//繪制左下角的圓角 path.AddLine(l, t + radius, l, t + h - radius);//繪制左上角、左下角和右下角之間的三角形 return path; } /// <summary> /// 按鈕的下半個圓角繪制 /// </summary> /// <param rect="Rectangle">繪制下半部按鈕的區域</param> /// <param radius="int">圓角的度數</param> private static GraphicsPath CreateCobAjar(Rectangle rectangle, int radius) { GraphicsPath path = new GraphicsPath(); int l = rectangle.Left;//獲取矩形左上角的X坐標 int t = rectangle.Top;//獲取矩形左上角的Y坐標 int w = rectangle.Width;//獲取矩形的寬度 int h = rectangle.Height;//獲取矩形的高度 path.AddArc(l, t, 2 * radius, 2 * radius, 0, 0);//繪制左上角的點 path.AddLine(l, t, l + w, t);//繪制左上角與右上角之間的線段 path.AddArc(l + w, t, 2 * radius, 2 * radius, 0, 0);//繪制右上角的點 path.AddLine(l + w, t + radius, l + w, t + h - radius);//繪制左上角、右上角和右下角所形成的三角形 path.AddArc(l + w - 2 * radius, t + h - 2 * radius, 2 * radius, 2 * radius, 0, 90);//繪制右下角圓角 path.AddLine(l + radius, t + h, l + w - radius, t + h);//繪制右下角圓角與左上角圓之間的線段 path.AddArc(l, t + h - 2 * radius, 2 * radius, 2 * radius, 90, 90);//繪制左下角的圓角 path.AddLine(l, t + radius, l, t + h - radius);//繪制左上角、左下角和右下角之間的三角形 return path; } #endregion } }
然后新建一個表單Form1然后拖拽一個新建的自定義水晶控制元件
代碼下載
https://download.csdn.net/download/BADAO_LIUMANG_QIZHI/12241085
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/63097.html
標籤：C#