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

Posted on by

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

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:0.25));
      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;
    }

以上為個人經驗，希望能給大傢一個參考，也希望大傢多多支持WalkonNet。如有錯誤或未考慮完全的地方，望不吝賜教。

推薦閱讀：