C# 实现颜色渐变窗体控件详细讲解

2021-01-14 15:07:46 作者：牧羊君

这篇文章主要介绍了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;
    }

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。如有错误或未考虑完全的地方，望不吝赐教。