zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    CCS过渡和动画
    使用Vue.prototype在vue中注册和使用全局变量
    vuex的使用
    Vue组件懒加载
    JavaScript 箭头函数(Lambda表达式)
    JS命名规范
    css命名规范
    vertical-align和line-height的理解及实例
    </2017><2018>
    给当当同学的random data
  • 原文地址:https://www.cnblogs.com/wandia/p/13958258.html
Copyright © 2011-2022 走看看