比例坐标系统

LinearGradientBrush和RadialGradientBrush使用的是比例坐标系统,该坐标系统将(0,0)作为矩形填充区域的左上角坐标,将(1,1)作为右下角坐标。这意味着可使用(0,0)到(1,1)之间的任何坐标作为渐变的开始点。实际上,如果希望在填充区域之外定位开始点,甚至可超出这一范围。

RadialGradientBrush

  1. GradientOrigin:渐变中心点
  2. RadiusX,RadiusY:渐变区域,0.5对应着填充区域对角线长度的一半
  3. Offset渐变区域内的比例,非控件区域内的比例

     <Ellipse Margin="5" Stroke="Black" StrokeThickness="1" Width="200" Height="200">
         <Ellipse.Fill>
             <RadialGradientBrush RadiusX="0.7" RadiusY="0.7" GradientOrigin="0.5,0.5">
                 <GradientStop Color="White" Offset="0"/>
                 <GradientStop Color="Blue" Offset="0.5"/>
             </RadialGradientBrush>
         </Ellipse.Fill>
     </Ellipse>