1. 程式人生 > 程式設計 >C# 實現顏色漸變窗體控制元件詳細講解

C# 實現顏色漸變窗體控制元件詳細講解

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;
    }

以上為個人經驗,希望能給大家一個參考,也希望大家多多支援我們。如有錯誤或未考慮完全的地方,望不吝賜教。