首页 > 编程语言 > C# 实现颜色渐变窗体控件详细讲解
2021
01-17

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

以上为个人经验,希望能给大家一个参考,也希望大家多多支持自学编程网。如有错误或未考虑完全的地方,望不吝赐教。

编程技巧