如何对Visibility属性进行动画(XMAL /CS)

最新推荐文章于 2023-03-30 09:59:11 发布

原创最新推荐文章于 2023-03-30 09:59:11 发布 · 4.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#border #object

Silverlight & WPF 专栏收录该内容

28 篇文章

订阅专栏

本文介绍如何利用WPF中的ObjectAnimationUsingKeyFrames类创建一个元素的可见性动画效果。通过XAML和C#代码展示了如何设置不同时间点上元素的Visibility属性，实现动态变化的视觉效果。

ObjectAnimationUsingKeyFrames 类

更新：2007 年 11 月

对指定 Duration 内的一组 KeyFrames 中的 Object 属性值进行动画处理。

命名空间： System.Windows.Media.Animation
程序集： PresentationCore （在 PresentationCore.dll 中）
用于 XAML 的 XMLNS： http://schemas.microsoft.com/winfx/xaml/presentation

参考：

http://social.msdn.microsoft.com/Forums/zh-HK/wpf/thread/7d856f82-d112-4a1c-a457-1aeb1abe861b

http://technet.microsoft.com/zh-cn/office/system.windows.uielement.visibility%28it-it,VS.95%29.aspx

XAML实现:

<Border Height="100" Width="80" CornerRadius="11,11,11,11" Margin="5" BorderThickness="2" Background="Brown" IsEnabled="False" Name="Bord11"> <Border.Triggers> <EventTrigger RoutedEvent="Border.Loaded" > <EventTrigger.Actions> <BeginStoryboard> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Duration="0:0:4"> <ObjectAnimationUsingKeyFrames.KeyFrames> <DiscreteObjectKeyFrame KeyTime="0:0:1" > <DiscreteObjectKeyFrame.Value> <Visibility>Visible</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> <DiscreteObjectKeyFrame KeyTime="0:0:2" > <DiscreteObjectKeyFrame.Value> <Visibility>Hidden</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> <DiscreteObjectKeyFrame KeyTime="0:0:3" > <DiscreteObjectKeyFrame.Value> <Visibility>Collapsed</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames.KeyFrames> </ObjectAnimationUsingKeyFrames> </Storyboard> </BeginStoryboard> </EventTrigger.Actions> </EventTrigger> </Border.Triggers> <Label Height="39" Name="label1" Width="62">ABCDEFGH</Label> </Border>

后台实现：

ObjectAnimationUsingKeyFrames animate = new ObjectAnimationUsingKeyFrames(); animate.Duration = new TimeSpan(0,0,4); animate.RepeatBehavior = RepeatBehavior.Forever; DiscreteObjectKeyFrame kf1 = new DiscreteObjectKeyFrame(Visibility.Visible, new TimeSpan(0, 0, 1)); DiscreteObjectKeyFrame kf2 = new DiscreteObjectKeyFrame(Visibility.Hidden, new TimeSpan(0, 0, 2)); DiscreteObjectKeyFrame kf3 = new DiscreteObjectKeyFrame(Visibility.Collapsed, new TimeSpan(0, 0,3)); animate.KeyFrames.Add(kf1); animate.KeyFrames.Add(kf2); animate.KeyFrames.Add(kf3); Bord11.BeginAnimation(Border.VisibilityProperty, animate);