• WPF Line 的颜色过度动画


                <Line Grid.Column="2" Grid.ColumnSpan="2" VerticalAlignment="Center" Height="20" Width="auto" StrokeThickness="5"                         
                              X1="0" Y1="10" X2="{Binding RelativeSource={RelativeSource Mode=Self},Path=ActualWidth}" Y2="10" x:Name="Line1">
                    <Line.Stroke>
                        <LinearGradientBrush StartPoint="0,0"  EndPoint="1,0" >
                            <GradientStop Color="#FF94E894" Offset="0"/>
                            <GradientStop Color="#FF94E894" Offset="0.8"/>
                            <GradientStop Color="Black" Offset="0.8"/>
                            <GradientStop Color="Black" Offset="1"/>
                        </LinearGradientBrush>
                    </Line.Stroke>
                    <Line.Triggers>
                        <EventTrigger RoutedEvent="Loaded">
                            <BeginStoryboard>
                                <Storyboard>
                                    <DoubleAnimation 
                        Storyboard.TargetProperty="(Line.Stroke).(LinearGradientBrush.GradientStops)[1].(GradientStop.Offset)"
                        BeginTime="00:00:00" Duration="00:00:5" From="0" To="1" AutoReverse="True" RepeatBehavior="Forever"/>
                                    <DoubleAnimation
                        Storyboard.TargetProperty="(Line.Stroke).(LinearGradientBrush.GradientStops)[2].(GradientStop.Offset)"
                        BeginTime="00:00:00" Duration="00:00:5" From="0" To="1" AutoReverse="True" RepeatBehavior="Forever"/>
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                    </Line.Triggers>
                </Line>

  • 相关阅读:
    在 MAC 下配置 Nginx
    Color Schema 配色随笔
    .Net与 WebAssembly 随笔
    关于Xamarin、Qml、数据绑定、MVC、MVVM 相关的散讲
    用Nuget部署程序包
    Qt3D
    Qt3D Shader
    Qt QML 2D shader
    LearnOpenGL
    Qt3D 5.9 and future
  • 原文地址:https://www.cnblogs.com/wandia/p/13958258.html
Copyright © 2020-2023  润新知