C# 實現顏色漸變窗體控制元件詳細講解
阿新 • • 發佈:2021-01-16
1.建議設定窗體為雙緩衝繪圖,可有效避免介面刷時引起的閃爍
this.SetStyle(ControlStyles.AllPaintingInWmPaint | ControlStyles.OptimizedDoubleBuffer,true);
2、程式碼實現
private Color Color1 = Color.Gray; //起始顏色 private Color Color2 = Color.White ; //目標顏色 private float changeAngle = 0f; //漸變角度
3.窗體繪製函式
private void Form1_Paint(object sender,PaintEventArgs e) { Graphics g = e.Graphics; Rectangle grounRect = new Rectangle(0,this.Width,this.Height); System.Drawing.Drawing2D.LinearGradientBrush backGround = new System.Drawing.Drawing2D.LinearGradientBrush(grounRect,Color1,Color2,changeAngle); g.FillRectangle(backGround,grounRect); backGround.Dispose(); }
補充:WPS中 LinearGradientBrush線性漸變的使用
1、顏色列排列
注:
(1)列排列的起始座標為(0,0.5)終止座標為(1,0.5)
(2)其中offset放置的位置引數是需要計算的
例如:一共四個顏色,那麼就是1/4=0.25;表示一個顏色0.25,第一個顏色為0.25,第二個就是再加上0.25=0.5,第三個就是0.75,第四個就是1
public MainWindow() { InitializeComponent(); //例項化一個Border控制元件,來設定這個背景線性漸變 Border bord1 = new Border(); bord1.Width = bord1.Height=200; indext.Children.Add(bord1); //線性漸變設定開始 LinearGradientBrush brush = new LinearGradientBrush();//例項化線性漸變物件 //列排列的起始座標為(0,0.5)終止座標為(1,0.5) brush.StartPoint = new Point(0,0.5);//設定線性漸變的二維起始座標 brush.EndPoint=new Point(1,0.5);//設定線性漸變的二維終止座標 brush.GradientStops.Add(new GradientStop(color: Colors.Pink,offset:0.25)); //GradientStops表示設定漸變的終止點 //GradientStop第一個引數color是設定顏色,第二個引數offset是設定的位置 brush.GradientStops.Add(new GradientStop(color: Colors.IndianRed,offset:0.50)); brush.GradientStops.Add(new GradientStop(color: Colors.LightSteelBlue,offset:0.75)); brush.GradientStops.Add(new GradientStop(color: Colors.LightSeaGreen,offset:1.0)); bord1.Background = brush; //最後將設定好的漸變背景賦值給Border控制元件 }
2、顏色行排列
注:
行排列的時候,起始位置和終止位置只是改變了位置
列排列的起始座標為(0.5,0)終止座標為(0.5,1)
public MainWindow() { InitializeComponent(); Border bord1 = new Border(); bord1.Width = bord1.Height=200; indext.Children.Add(bord1); LinearGradientBrush brush = new LinearGradientBrush(); //顏色行排列位置改變 brush.StartPoint = new Point(0.5,0); brush.EndPoint=new Point(0.5,1); brush.GradientStops.Add(new GradientStop(color: Colors.Pink,offset:0.25)); brush.GradientStops.Add(new GradientStop(color: Colors.IndianRed,offset:1.0)); bord1.Background = brush; }
3、左上角到右下角斜著排列
注:
如果說要斜著排列,那麼它的起始位置和終止位置不用設定計算,預設排列,只需要計算offset的位置大小
public MainWindow() { InitializeComponent(); Border bord1 = new Border(); bord1.Width = bord1.Height=200; indext.Children.Add(bord1); LinearGradientBrush brush = new LinearGradientBrush(); brush.GradientStops.Add(new GradientStop(color: Colors.Pink,offset:1.0)); bord1.Background = brush; }
以上為個人經驗,希望能給大家一個參考,也希望大家多多支援我們。如有錯誤或未考慮完全的地方,望不吝賜教。