WPF背景颜色变化的动画

最新推荐文章于 2024-08-30 10:33:06 发布

拥抱雨的背影

最新推荐文章于 2024-08-30 10:33:06 发布

阅读量6.2k

点赞数 1

分类专栏： C# 文章标签： c# WPF 动画

本文链接：https://blog.csdn.net/yuhai738639/article/details/78622299

版权

C# 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

//想做一个背景颜色变化的动画，开始想用透明因子Opacity来实现，后来发现可以改变渐变线性刷LinearGradienBrush的Offset来实现
//就是在设置Storyboard.TargetProperty的时候比较绕
//实例：


<Color x:Key="WhiteColor">#FFFFFFFF</Color>
<Color x:Key="NormalColor">#FF398FDF</Color>
<LinearGradientBrush x:Key="LGBrush" StartPoint="0,0.5" EndPoint="1,0.5">
	<GradientStop Color="{StaticResource NormalColor}" Offset="0"/>
	<GradientStop Color="{StaticResource WhiteColor}" Offset="0.5"/>
	<GradientStop Color="{StaticResource NormalColor}" Offset="1"/>
</LinearGradientBrush>
<Grid>
  <Grid.Triggers>
    <EventTrigger RoutedEvent="Loaded">
	<BeginStoryboard>
			<Storyboard>
 				<DoubleAnimation Storyboard.TargetName="border" 
					Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Offset)"
					BeginTime="00:00:00" Duration="00:00:10" From="0" To="1" AutoReverse="True" RepeatBehavior="Forever"/>
			</Storyboard>
		</BeginStoryboard>
        </EventTrigger>
    </Grid.Triggers>
    <Border x:Name="border" Background={StaticResource LGBrush} CornerRadius="2"/>
</Grid>