WPF背景颜色变化的动画

最新推荐文章于 2025-05-24 18:04:16 发布

原创最新推荐文章于 2025-05-24 18:04:16 发布 · 6.4k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#c# #WPF #动画

C# 专栏收录该内容

34 篇文章

订阅专栏

//想做一个背景颜色变化的动画，开始想用透明因子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>