RadialGradientBrushExample径向渐变画刷

clipboard.png

<Canvas ClipToBounds="True" Grid.Row="3" Grid.Column="2" Width="150" Height="150">
  <Rectangle Width="150" Height="150">
    <Rectangle.Fill>
      <RadialGradientBrush GradientOrigin="0.5,0.5" Center="0.1,0.1" RadiusX="0.75" RadiusY="0.75">
        <GradientStop Color="White" Offset="0" />
        <GradientStop Color="#545454" Offset="1" />
      </RadialGradientBrush>
    </Rectangle.Fill>
  </Rectangle>

  <!-- Highlights the gradient origin and the gradient circle -->
  <Path Fill="Red">
    <Path.Data>
      <EllipseGeometry Center="75,75" RadiusX="2" RadiusY="2" />
    </Path.Data>
  </Path>
  <Path Stroke="Red" StrokeThickness="2">
    <Path.Data>
      <EllipseGeometry Center="15,15" RadiusX="111.5" RadiusY="111.5" />
    </Path.Data>
  </Path>
</Canvas>

GradientSpread渐变涂抹效果

clipboard.png

GradientBrush.SpreadMethod 属性:获取或设置涂抹方法的类型,该方法指定如何绘制出在要绘画的对象的边界内起始或结束的渐变效果。

  1. 插图显示了可用的扩展方法及其对 LinearGradientBrush 和 RadialGradientBrush 的影响。 红线指示渐变空间。
  2. LinearGradientBrush 用其 StartPoint 和 EndPoint 属性定义自己的渐变空间。 RadialGradientBrush 用其 Center、 RadiusX 和 RadiusY 属性定义自己的渐变空间。

图中2图代码:

<Canvas Grid.Row="6" Grid.Column="4" Width="150" Height="75" Margin="0,0,0,10">
  <Rectangle Width="150" Height="75" Stroke="Black">
    <Rectangle.Fill>

      <!-- Reflect -->
      <RadialGradientBrush Center="0.5,0.5" RadiusX="0.3" RadiusY="0.3" SpreadMethod="Reflect">
        <GradientStop Color="White" Offset="0" />
        <GradientStop Color="#333333" Offset="1" />
      </RadialGradientBrush>
    </Rectangle.Fill>
  </Rectangle>

  <!-- Highlights the gradient axis. -->
  <Line X1="75" Y1="15" X2="75" Y2="60" Style="{StaticResource AxisMarkerStyle}" StrokeThickness="2" />
  <Line X1="30" Y1="37.5" X2="120" Y2="37.5" Style="{StaticResource AxisMarkerStyle}" StrokeThickness="2" />
</Canvas>

Dash虚线间隙

Shape.StrokeDashArray 属性:获取或设置 Double 值的集合,这些值指示用于勾勒形状轮廓的虚线和间隙样式。

  1. 集合中的每个 Double 指定虚线或间隙相对于笔的 Thickness 的长度。 例如,值为 1 时将创建长度与笔(方形)的粗细相同的虚线或间隙。
  2. 集合中的第一项位于索引 0,指定短划线的长度;第二项位于索引 1,指定间隙的长度。
  3. 索引值为偶数的对象指定短划线;索引值为奇数的对象指定间隙。

Shape.StrokeDashOffset 属性:获取或设置一个 Double,它指定虚线样式内虚线开始处的距离。
ps:从图中看是方框为左上角开始逆时针设置虚线开始处的距离。

clipboard.png

<Rectangle Grid.Row="3" Grid.Column="1" Width="150" Height="150"
   StrokeDashArray="4 2" StrokeDashOffset="1"
   Stroke="Black" StrokeThickness="3" Fill="Blue" />

  <TextBlock Grid.Row="2" Grid.Column="2" >
  <Bold>StrokeDashArray</Bold>: 4,2<LineBreak/>
  <Bold>StrokeDashOffset</Bold>: 2<LineBreak/>
</TextBlock>

李志玮
22 声望34 粉丝

求索~~


引用和评论

0 条评论