WPF 樣式

1、LinearGradientBrush,RadialGradientBrush的樣式說明

LinearGradientBrush 使用線性漸變繪制區域。線性漸變沿直線定義漸變。該直線的終點由線性漸變的 StartPoint 和 EndPoint 屬性定義。LinearGradientBrush 畫筆沿此直線繪制其 GradientStops。

預設的線性漸變是沿對角方向進行的。預設情況下，線性漸變的 StartPoint 是被繪制區域的左上角 (0,0)，其 EndPoint 是被繪制區域的右下角 (1,1)。所得漸變的顔色是沿着對角方向路徑插入的。對角方向的線性漸變

<!-- This rectangle is painted with a diagonal linear gradient. -->

<Rectangle Width="200" Height="100">

<Rectangle.Fill>

<LinearGradientBrush StartPoint="0,0" EndPoint="1,1">

<GradientStop Color="Yellow" Offset="0.0" />

<GradientStop Color="Red" Offset="0.25" />

<GradientStop Color="Blue" Offset="0.75" />

<GradientStop Color="LimeGreen" Offset="1.0" />

</LinearGradientBrush>

</Rectangle.Fill>

</Rectangle>

RadialGradientBrush 使用徑向漸變繪制區域。焦點定義漸變的開始，而圓定義漸變的終點。在程式設計模型中與 LinearGradientBrush 類似。但是，線性漸變有一個起點和一個終點用于定義漸變矢量，而徑向漸變有一個圓以及一個焦點用于定義漸變行為。該圓定義漸變的終點。換言之，1.0 處的漸變停止點定義圓周處的顔色。焦點定義漸變的中心。0.0 處的漸變停止點定義焦點處的顔色。

下面使用徑向漸變填充的矩形。徑向漸變從白色變化至灰色。外部圓表示漸變圓，而紅點表示焦點。

<RadialGradientBrush 

GradientOrigin="0.5,0.5" 

Center="0.5,0.5" RadiusX="0.5" RadiusY="0.5">

<RadialGradientBrush.GradientStops>

<GradientStop Color="Yellow" Offset="0" />

<GradientStop Color="LimeGreen" Offset="1" />

</RadialGradientBrush.GradientStops>

</RadialGradientBrush>

說明：Rectangle 的長和寬都被分成0.0 到1.0的一個左上角的一個坐标。Center指的是這個圓的圓心所在坐标的位置，RadiusX，RadiusY分别指這個圓延X,Y軸的長度，GradientOrigins指的是顔色漸變的開始位置，比如說我移動center的坐标，整個圓在動，但是顔色漸變不動，因為GradientOrigins的位置沒動。

本文轉自Work Hard Work Smart部落格園部落格，原文連結：http://www.cnblogs.com/linlf03/archive/2011/08/11/2127164.html，如需轉載請自行聯系原作者