wp 之path详细 以及一个关于LinearGradientBrush 的动画

本文介绍如何在WPF中使用LinearGradientBrush创建动态渐变效果,通过TranslateTransform实现渐变位置的变化,并利用Storyboard和DoubleAnimation实现动画效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先LinearGradientBrush 画刷竟然包含Trsanslate 属性也就有x,y 属性

<Path HorizontalAlignment="Center"
                VerticalAlignment="Center"
                StrokeThickness="25"
                Data="M 100    0
                      C  45    0,    0   45, 0 100
                      S  45  200,  100  200
                      S 200  150,  250  100
                      S 345    0,  400    0
                      S 500   45,  500  100
                      S 455  200,  400  200
                      S 300  150,  250  100
                      S 155    0,  100    0">
            
              <Path.Stroke>
                  <LinearGradientBrush SpreadMethod="Repeat">
                      <LinearGradientBrush.Transform>
                          <TranslateTransform x:Name="translate" />
                      </LinearGradientBrush.Transform>
                      <LinearGradientBrush.GradientStops>
                          <GradientStop Offset="0.00"  Color="Red" />
                          <GradientStop Offset="0.14" Color="Orange" />
                          <GradientStop Offset="0.28" Color="Yellow" />
                          <GradientStop Offset="0.42" Color="Green" />
                          <GradientStop Offset="0.56" Color="Blue" />
                          <GradientStop Offset="0.70" Color="Indigo" />
                          <GradientStop Offset="0.85" Color="Violet" />
                          <GradientStop Offset="1.00" Color="Red" />
                      </LinearGradientBrush.GradientStops>
                  </LinearGradientBrush>
              </Path.Stroke>
              <Path.Triggers>
                  <EventTrigger>
                      <BeginStoryboard>
                          <Storyboard>
                              <DoubleAnimation Storyboard.TargetName="translate"
                                               Storyboard.TargetProperty="X"
                                               From="0" To="625" Duration="0:0:2"
                                              RepeatBehavior="5x" />
                          </Storyboard>
                      </BeginStoryboard>
                  </EventTrigger>
              </Path.Triggers>
          </Path>

imageimageimage

转载于:https://www.cnblogs.com/gisbeginner/archive/2012/06/06/2538292.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值