ObjectAnimationUsingKeyFrames的示例

< StackPanel >
            
< StackPanel.Resources >
                
< Storyboard x:Name = " storyboard " >
                    
< ObjectAnimationUsingKeyFrames Storyboard.TargetName = " rectangle "  Storyboard.TargetProperty = " Fill "  Duration = " 0:0:4 "  RepeatBehavior = " Forever " >
                        
< DiscreteObjectKeyFrame KeyTime = " 0:0:2 " >
阅读终点,创作起航,您可以撰写心得或摘录文章要点写篇博文。去创作
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
using System; using System.Windows; using System.Windows.Controls; using System.Windows.Media; using System.Windows.Media.Animation; using System.Windows.Media.Media3D; using System.Windows.Media.Effects; namespace WPFDemo { public partial class Rotate3DContainer : Grid, Container { private Storyboard front2BackStory; private Storyboard back2FrontStory; private Border frontWarpper; private Border backWarpper; public Rotate3DContainer() { InitializeComponent(); this.Loaded += new RoutedEventHandler(Container_Loaded); } private void Container_Loaded(object sender, RoutedEventArgs e) { Init(); } private void Init() { if (this.Children.Count == 2) { UIElement[] array = new UIElement[2]; this.Children.CopyTo(array, 0); this.Children.Clear(); frontWarpper = new Border() { Child = array[0], HorizontalAlignment=HorizontalAlignment.Left, VerticalAlignment=VerticalAlignment.Top, Background = Brushes.Transparent }; backWarpper = new Border() { Child = array[1], Opacity = 0, Visibility = Visibility.Hidden, HorizontalAlignment=HorizontalAlignment.Left, VerticalAlignment=VerticalAlignment.Top, Background = Brushes.Transparent }; Viewport3D viewport = Get3DView(); viewport.HorizontalAlignment = HorizontalAlignment.Left; viewport.VerticalAlignment = VerticalAlignment.Top; viewport.Height = frontWarpper.Child.DesiredSize.Height; viewport.Width = frontWarpper.Child.DesiredSize.Width; front2BackStory = new Storyboard() { Children = new TimelineCollection() { GetShowHideAnimation(viewport, 0, 1100), GetShowHideAnimation(backWarpper, 1000, -1), GetShowHideAnimation(frontWarpper, -1, 50), GetFadeAnimation(frontWarpper, 0, -1, 50), GetFadeAnimation(backWarpper, 1, 1050, 50), GetCameraMoveAnimation(0, 0, 0.5, 0, 0, 1.1, 50, 500,viewport), GetRotateAnimation(0, -180, 0.3, 0.3, 50, 1000) } }; back2FrontStory = new Storyboard() { Children = new TimelineCollection() { GetShowHideAnimation(viewport, 0, 1100), GetShowHideAnimation(frontWarpper, 1000, -1), GetShowHideAnimation(backWarpper, -1, 50), GetFadeAnimation(backWarpper, 0, -1, 50), GetFadeAnimation(frontWarpper, 1, 1050, 50), GetCameraMoveAnimation(0, 0, 0.5, 0, 0, 1.1, 50, 500, viewport), GetRotateAnimation(180, 360, 0.3, 0.3, 50, 1000) } }; this.Effect = new DropShadowEffect() { BlurRadius = 10, Opacity = 0.8 }; this.Children.Add(frontWarpper); this.Children.Add(backWarpper); this.Children.Add(viewport); array = null; } } private DoubleAnimation GetFadeAnimation(UIElement target, int toOpacity, int beginTime, int duration) { DoubleAnimation result = new DoubleAnimation(toOpacity, new Duration(TimeSpan.FromMilliseconds(duration))); if (beginTime >= 0) { result.BeginTime = TimeSpan.FromMilliseconds(beginTime); } Storyboard.SetTarget(result, target); Storyboard.SetTargetProperty(result, new PropertyPath("Opacity")); return result; } private Point3DAnimation GetCameraMoveAnimation(double x1, double y1, double z1, double x2, double y2, double z2, int beginTime, int duration, Viewport3D view) { Point3DAnimation result = new Point3DAnimation(new Point3D(x1, y1, z1), new Point3D(x2, y2, z2), new Duration(TimeSpan.FromMilliseconds(duration))) { AutoReverse = true, BeginTime = TimeSpan.FromMilliseconds(beginTime), DecelerationRatio = 0.3 }; Storyboard.SetTarget(result, view); Storyboard.SetTargetProperty(result, new PropertyPath("Camera.Position")); return result; } private DoubleAnimation GetRotateAnimation(double fromDegree, double toDegree, double accelerationRatio, double decelerationRatio, int beginTime, int duration) { DoubleAnimation result = new DoubleAnimation(fromDegree, toDegree, new Duration(TimeSpan.FromMilliseconds(duration)), FillBehavior.HoldEnd) { AccelerationRatio = accelerationRatio, DecelerationRatio = decelerationRatio, BeginTime = TimeSpan.FromMilliseconds(beginTime) }; Storyboard.SetTargetName(result, "AxisAngleRotation3D"); Storyboard.SetTargetProperty(result, new PropertyPath("Angle")); return result; } Viewport3D Get3DView() { Viewport3D viewport = new Viewport3D() { Camera = new PerspectiveCamera(new Point3D(0, 0, 0.5), new Vector3D(0, 0, -1), new Vector3D(0, 1, 0), 90), Visibility = Visibility.Hidden }; viewport.Children.Add(GetLightVisual3D()); viewport.Children.Add(GetSceneVisual3D(frontWarpper, backWarpper)); return viewport; } ModelVisual3D GetLightVisual3D() { Model3DGroup group = new Model3DGroup(); group.Children.Add(new DirectionalLight(Color.FromRgb(0x44, 0x44, 0x44), new Vector3D(0, 0, -1))); group.Children.Add(new AmbientLight(Color.FromRgb(0xBB, 0xBB, 0xBB))); return new ModelVisual3D() { Content = group }; } ModelVisual3D GetSceneVisual3D(Border frontElement, Border backElement) { MeshGeometry3D meshgmod = new MeshGeometry3D() { TriangleIndices = new Int32Collection(new int[] { 0, 1, 2, 2, 3, 0 }), TextureCoordinates = new PointCollection(new Point[]{new Point(0, 1),new Point(1, 1),new Point(1, 0),new Point(0, 0)}), Positions = new Point3DCollection(new Point3D[]{new Point3D(-0.5, -0.5, 0),new Point3D(0.5, -0.5, 0),new Point3D(0.5, 0.5, 0),new Point3D(-0.5, 0.5, 0)}) }; VisualBrush frontBrush = new VisualBrush(frontElement.Child) { Stretch = Stretch.Uniform }; VisualBrush backBrush = new VisualBrush(backElement.Child) { Stretch = Stretch.Uniform, RelativeTransform = new ScaleTransform(-1, 1, 0.5, 0) }; AxisAngleRotation3D rotate = new AxisAngleRotation3D(new Vector3D(0, 1, 0), 0); this.RegisterName("AxisAngleRotation3D", rotate); GeometryModel3D gmode3d = new GeometryModel3D() { Geometry = meshgmod, Material = new DiffuseMaterial(frontBrush), BackMaterial = new DiffuseMaterial(backBrush), Transform = new RotateTransform3D(rotate) }; return new ModelVisual3D() { Content = gmode3d }; } ObjectAnimationUsingKeyFrames GetShowHideAnimation(UIElement element, int showTime, int hideTime) { ObjectAnimationUsingKeyFrames frame = new ObjectAnimationUsingKeyFrames(); Storyboard.SetTarget(frame, element); Storyboard.SetTargetProperty(frame, new PropertyPath("Visibility")); if (showTime >= 0) { frame.KeyFrames.Add(new DiscreteObjectKeyFrame(Visibility.Visible, TimeSpan.FromMilliseconds(showTime))); } if (hideTime >= 0) { frame.KeyFrames.Add(new DiscreteObjectKeyFrame(Visibility.Hidden, TimeSpan.FromMilliseconds(hideTime))); } return frame; } public void Turn(bool isReverse) { Storyboard target = null; DoubleAnimation direction = null; double fromAngle = 0; double step = 180; if (frontWarpper.Opacity != 0) { target = front2BackStory; } else { fromAngle = 180; target = back2FrontStory; } direction = (DoubleAnimation)target.Children[6]; if (!isReverse) { step = -180; } direction.From = fromAngle; direction.To = fromAngle + step; target.Begin(this); } } }
你可以使用 WPF 的 `Storyboard` 和 `ObjectAnimationUsingKeyFrames` 来实现图片动画的效果。具体步骤如下: 1. 在 XAML 中创建一个 `Image` 控件,并设置它的 `Source` 属性为要显示的第一张图片。 2. 创建一个 `Storyboard` 控件,并在其中添加多个 `ObjectAnimationUsingKeyFrames` 元素,每个元素都用来实现一张图片的显示和隐藏。 3. 在每个 `ObjectAnimationUsingKeyFrames` 元素中添加两个 `DiscreteObjectKeyFrame` 元素,一个用来设置 `Visibility` 属性为 `Visible`,另一个用来设置 `Visibility` 属性为 `Collapsed`。 4. 设置每个 `DiscreteObjectKeyFrame` 元素的 `KeyTime` 属性,以确定每个图片的显示时间和隐藏时间。 5. 在 `Storyboard` 的 `Completed` 事件中,将 `Image` 控件的 `Source` 属性设置为下一张图片的路径,并启动 `Storyboard`。 示例代码如下: ```xml <Image x:Name="myImage" Source="image1.jpg" /> <Storyboard x:Name="myStoryboard" Completed="myStoryboard_Completed"> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="myImage"> <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{x:Static Visibility.Visible}" /> <DiscreteObjectKeyFrame KeyTime="0:0:2" Value="{x:Static Visibility.Collapsed}" /> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="myImage"> <DiscreteObjectKeyFrame KeyTime="0:0:2" Value="{x:Static Visibility.Visible}" /> <DiscreteObjectKeyFrame KeyTime="0:0:4" Value="{x:Static Visibility.Collapsed}" /> </ObjectAnimationUsingKeyFrames> <!-- 其他图片的动画 --> </Storyboard> ``` 在代码中,`Storyboard` 中添加了两个 `ObjectAnimationUsingKeyFrames` 元素,分别用来显示和隐藏第一张图片和第二张图片。其中,`KeyTime` 属性为 `0:0:0` 的 `DiscreteObjectKeyFrame` 元素表示从 `Storyboard` 开始后立即显示图片,`KeyTime` 属性为 `0:0:2` 的 `DiscreteObjectKeyFrame` 元素表示显示两秒后隐藏图片。在 `Completed` 事件中,将 `myImage` 控件的 `Source` 属性设置为下一张图片的路径,并启动 `Storyboard`,即可实现图片的切换动画。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

glen2224

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值