動畫C＃中線條上的漸變顏色.net

Question

想象一下，我有一條線條，它是用三種顏色漸變的：深紅色，紅色和淺紅色。我想在這一行中改變這些顏色的位置。我的目的是顯示一些東西正沿着線路移動。 我不知道如何創建動畫來改變顏色漸變的每一種顏色的位置。

我發現這一點：https://docs.microsoft.com/en-us/dotnet/framework/wpf/graphics-multimedia/how-to-animate-the-position-or-color-of-a-gradient-stop

，但它是不是太清楚。

Answer 1

下面是一個例子：

它使用LineraGradientBrush，移動限定矩形左上角的起始點和畫旋轉矩形到PictureBox：

Point p1 = Point.Empty; 

private void timer1_Tick(object sender, EventArgs e) 
{ 
    int deltaX = -3; 
    int deltaY = -3; 
    p1 = new Point(p1.X + deltaX , p1.Y + deltaY); // roll.. 
    if (p1.X < deltaX * 1000) p1 = Point.Empty; // ..around 
    pictureBox1.Invalidate(); 

} 

private void pictureBox1_Paint(object sender, PaintEventArgs e) 
{ 
    float angle = 33f; 
    if (!timer1.Enabled) return; 
    Rectangle rectG = new Rectangle(p1.X, p1.Y, 122, 22); 
    Rectangle rectR = new Rectangle(22, 22, 222, 22); 
    LinearGradientBrush lBrush = new LinearGradientBrush(rectG, 
            Color.Red, Color.Red, angle, false); 

    ColorBlend cblend = new ColorBlend(5); 
    cblend.Colors = new Color[5] 
     { Color.Red, Color.Pink, Color.MistyRose, Color.LightCoral, Color.White }; 
    cblend.Positions = new float[5] { 0f, 0.2f, 0.5f, 0.8f, 1f }; 
    lBrush.InterpolationColors = cblend; 
    lBrush.WrapMode = WrapMode.TileFlipXY; 

    e.Graphics.RotateTransform(angle); 
    e.Graphics.TranslateTransform(22,11); 
    e.Graphics.FillRectangle(lBrush, rectR); 
} 

請注意，這是Winforms你不能得到真正平滑的動畫，但如果你在油漆上的控件/表單是DoubleBufered at lea它不會閃爍..