如何：建立線形漸層

GDI+ 提供水準、垂直和對角線線性漸層。 根據預設，線性漸層中的色彩會統一變更。 不過，您可以自訂線性漸層，讓色彩以非統一的方式變更。

注意

本文中的範例是從控制項的 Paint 事件處理常式呼叫的方法。

下列範例會以水平線性漸層筆刷填滿線條、橢圓形和矩形。

建構函 LinearGradientBrush 式會接收四個引數：兩個點和兩個色彩。 第一個點 （0， 10） 與第一個色彩 （紅色）， 第二個點 （200， 10） 與第二個色彩 （藍色） 相關聯。 如您所預期，從 （0， 10） 到 （200， 10） 的線條逐漸從紅色變更為藍色。

積分 （0， 10） 和 （200， 10） 中的 10 分並不重要。 重要的是，兩個點具有相同的第二個座標， 連接它們的線條是水準。 橢圓形和矩形也會逐漸從紅色變更為藍色，因為水準座標從 0 到 200。

下圖顯示線條、橢圓形和矩形。 請注意，當水準座標超過 200 時，色彩漸層會重複本身。

使用水平線性漸層

• 分別傳入不透明的紅色和不透明藍色作為第三個和第四個引數。

  public void UseHorizontalLinearGradients(PaintEventArgs e)
  {
      LinearGradientBrush linGrBrush = new LinearGradientBrush(
         new Point(0, 10),
         new Point(200, 10),
         Color.FromArgb(255, 255, 0, 0),   // Opaque red
         Color.FromArgb(255, 0, 0, 255));  // Opaque blue
  
      Pen pen = new Pen(linGrBrush);
  
      e.Graphics.DrawLine(pen, 0, 10, 200, 10);
      e.Graphics.FillEllipse(linGrBrush, 0, 30, 200, 100);
      e.Graphics.FillRectangle(linGrBrush, 0, 155, 500, 30);
  }
  

  Dim linGrBrush As New LinearGradientBrush( _
     New Point(0, 10), _
     New Point(200, 10), _
     Color.FromArgb(255, 255, 0, 0), _
     Color.FromArgb(255, 0, 0, 255))
  Dim pen As New Pen(linGrBrush)
  
  e.Graphics.DrawLine(pen, 0, 10, 200, 10)
  e.Graphics.FillEllipse(linGrBrush, 0, 30, 200, 100)
  e.Graphics.FillRectangle(linGrBrush, 0, 155, 500, 30)
  
  

在上述範例中，當您從水準座標 0 移至 200 的水準座標時，色彩元件會以線性方式變更。 例如，第一個座標介於 0 到 200 之間的點會有介於 0 到 255 之間的藍色元件。

GDI+ 可讓您調整色彩從漸層的一個邊緣到另一個邊緣的方式。 假設您想要建立一個漸層筆刷，根據下表從黑色變更為紅色。

水準座標	RGB 元件
0	(0, 0, 0)
40	(128, 0, 0)
200	(255, 0, 0)

請注意，當水準座標只有 0 到 200 的 20% 時，紅色元件會處於半強度。

下列範例會將 LinearGradientBrush.Blend 屬性設定為將三個相對強度與三個相對位置產生關聯。 如上表所示，0.5 的相對強度與 0.2 的相對位置相關聯。 程式碼會以漸層筆刷填滿橢圓形和矩形。

下圖顯示產生的橢圓形和矩形。

自訂線性漸層

• 分別傳入不透明的黑色和不透明紅色作為第三個和第四個引數。

  public void CustomizeLinearGradients(PaintEventArgs e)
  {
      LinearGradientBrush linGrBrush = new LinearGradientBrush(
         new Point(0, 10),
         new Point(200, 10),
         Color.FromArgb(255, 0, 0, 0),     // Opaque black
         Color.FromArgb(255, 255, 0, 0));  // Opaque red
  
      float[] relativeIntensities = { 0.0f, 0.5f, 1.0f };
      float[] relativePositions = { 0.0f, 0.2f, 1.0f };
  
      //Create a Blend object and assign it to linGrBrush.
      Blend blend = new Blend();
      blend.Factors = relativeIntensities;
      blend.Positions = relativePositions;
      linGrBrush.Blend = blend;
  
      e.Graphics.FillEllipse(linGrBrush, 0, 30, 200, 100);
      e.Graphics.FillRectangle(linGrBrush, 0, 155, 500, 30);
  }
  

  Dim linGrBrush As New LinearGradientBrush( _
     New Point(0, 10), _
     New Point(200, 10), _
     Color.FromArgb(255, 0, 0, 0), _
     Color.FromArgb(255, 255, 0, 0))
  
  Dim relativeIntensities As Single() = {0.0F, 0.5F, 1.0F}
  Dim relativePositions As Single() = {0.0F, 0.2F, 1.0F}
  
  'Create a Blend object and assign it to linGrBrush.
  Dim blend As New Blend()
  blend.Factors = relativeIntensities
  blend.Positions = relativePositions
  linGrBrush.Blend = blend
  
  e.Graphics.FillEllipse(linGrBrush, 0, 30, 200, 100)
  e.Graphics.FillRectangle(linGrBrush, 0, 155, 500, 30)
  
  

上述範例中的漸層已水準;也就是說，當您沿著任何水平線移動時，色彩會逐漸變更。 您也可以定義垂直漸層和對角漸層。

下列範例會將點 （0， 0） 和 （200， 100） 傳遞至建 LinearGradientBrush 構函式。 藍色與 （0， 0） 相關聯，而綠色與 （200， 100） 相關聯。 線條（手寫筆寬度為 10）和橢圓形會填滿線性漸層筆刷。

下圖顯示線條和省略號。 請注意，橢圓形中的色彩會隨著您沿著任何與通過 （0， 0） 和 （200， 100） 的線條平行的線條而逐漸變更。

建立對角線線性漸層

• 分別傳入不透明的藍色和不透明的綠色作為第三個和第四個引數。

  public void CreateDiagonalLinearGradients(PaintEventArgs e)
  {
      LinearGradientBrush linGrBrush = new LinearGradientBrush(
         new Point(0, 0),
         new Point(200, 100),
         Color.FromArgb(255, 0, 0, 255),   // opaque blue
         Color.FromArgb(255, 0, 255, 0));  // opaque green
  
      Pen pen = new Pen(linGrBrush, 10);
  
      e.Graphics.DrawLine(pen, 0, 0, 600, 300);
      e.Graphics.FillEllipse(linGrBrush, 10, 100, 200, 100);
  }
  

  Dim linGrBrush As New LinearGradientBrush( _
     New Point(0, 0), _
     New Point(200, 100), _
     Color.FromArgb(255, 0, 0, 255), _
     Color.FromArgb(255, 0, 255, 0))
  ' opaque blue
  ' opaque green
  Dim pen As New Pen(linGrBrush, 10)
  
  e.Graphics.DrawLine(pen, 0, 0, 600, 300)
  e.Graphics.FillEllipse(linGrBrush, 10, 100, 200, 100)
  
  

另請參閱

• 使用漸層筆刷填滿形狀
• Windows Forms 中的圖形和繪圖