WPF:Graphics图画-Brushes画刷-Brushes画刷集合(6)

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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值