参考网址:https://blog.csdn.net/qq_45096273/article/details/106256397

在动画之前我们先了解一下几个声明式动画中常用的元素:

一.Storyboard:故事板,是BeginAnimation()方法的XAML等价物,通过故事板将动画指定到合适的元素和属性,故事板是增强的时间线,可以用来分组多个动画,Storyboard类提供的最基本的功能是使用TargetName和TargetProperty属性指向某个特定的元素和属性;

二.DoubleAnimation:线性类插入两个目标值之间的**double**属性值进行处理,也就是线性插入;

1.TranslateTransform:实现动画的平移效果;

//动画平移

Storyboard sb = new Storyboard();//实例化一个故事版

first.RenderTransform = new TranslateTransform(0, 0);//设置转换元素的位置息

DoubleAnimation yun = new DoubleAnimation();//实例化double对动画值的理

yun.By = 50;//动画改变值的范围

yun.RepeatBehavior = RepeatBehavior.Forever;//设置无限次播放动画

yun.Duration = TimeSpan.FromMilliseconds(5000);//设置动画时间

yun.AutoReverse = true;//设置可以反转

Storyboard.SetTarget(yun, first);//绑定动画

Storyboard.SetTargetProperty(yun, new PropertyPath("Width"));//动画依赖的性

sb.Children.Add(yun);//添加动画

sb.Begin();//播放动画

XMl 代码

2.RotateTransform:实现动画的旋转效果

  //动画旋转
  var sun = new DoubleAnimation()//声明一个动画对象
  {
    From = 0,//动画初始角度
    To = 1800,//动画的结束值
    Duration = new Duration(TimeSpan.Parse("0:0:10"))//设置动画花费的时间
  };
  sun.RepeatBehavior = RepeatBehavior.Forever;//设置动画无限次播放
  taiyang.BeginAnimation(RotateTransform.AngleProperty, sun);//添加动画

XAML代码:

<Image RenderTransformOrigin="0.445,0.526" Height="100" Canvas.Right="10" Canvas.Top="-16" Width="100" Source="太阳.png" Canvas.Left="0">
  <Image.RenderTransform>
    <RotateTransform Angle="0" x:Name="taiyang">//angle为角度值
    </RotateTransform>
  </Image.RenderTransform>
</Image>

3.动画远近实现,改变其的宽度:

  //动画远近实现
  DoubleAnimation tree = new DoubleAnimation();//实例化线性对动画的处理
  tree.From = xin.ActualHeight;//动画的起始值
  tree.To = xin.ActualHeight - 50;//动画的结束值
  tree.RepeatBehavior = RepeatBehavior.Forever;//动画无限播放次数
  tree.Duration = TimeSpan.FromSeconds(5);//动画播放的时间
  tree.AutoReverse = true;//动画的反转
  xin.BeginAnimation(Image.HeightProperty, tree);//添加动画

xml代码

  <Image RenderTransformOrigin="0.5,0.5" Name="xin" Height="100" Canvas.Left="345" Canvas.Top="225" Width="100" Source="心.png">//Source指向图片
  </Image>

效果图:(远近实现之前与之后)

4.ScaleTransform:动画的缩放

<Image Name="shu" Height="239" Canvas.Top="122" Width="173" Source="大树.png" Canvas.Left="-31">
  <Image.RenderTransform>
    <ScaleTransform ScaleX="1.5" ScaleY="1.5" >//ScaleX:为X轴的缩放,ScaleY:为Y轴的缩放
    </ScaleTransform>
  </Image.RenderTransform>
</Image>

效果图:(缩放实现之前与之后)

WPF中实现动画的几种效果(最基础方式)的更多相关文章

  1. WPF中的动画

    动画无疑是WPF中最吸引人的特色之一,其可以像Flash一样平滑地播放并与程序逻辑进行很好的交互.这里我们讨论一下故事板. 在WPF中我们采用Storyboard(故事板)的方式来编写动画,为了对St ...

  2. 【WPF学习笔记】[转]周银辉之WPF中的动画 && 晓风影天之wpf动画——new PropertyPath属性链

    (一)WPF中的动画 动画无疑是WPF中最吸引人的特色之一,其可以像Flash一样平滑地播放并与程序逻辑进行很好的交互.这里我们讨论一下故事板. 在WPF中我们采用Storyboard(故事板)的方式 ...

  3. [转]WPF中的动画

    WPF中的动画                                                                                  周银辉 动画无疑是WP ...

  4. WPF中的动画——(三)时间线(TimeLine)

    WPF中的动画——(三)时间线(TimeLine) 时间线(TimeLine)表示时间段. 它提供的属性可以让控制该时间段的长度.开始时间.重复次数.该时间段内时间进度的快慢等等.在WPF中内置了如下 ...

  5. 在WPF中使用PlaneProjection模拟动态3D效果

    原文:在WPF中使用PlaneProjection模拟动态3D效果 虽然在WPF中也集成了3D呈现的功能,在简单的3D应用中,有时候并不需要真实光影的3D场景.毕竟使用3D引擎会消耗很多资源,有时候使 ...

  6. WPF中,如何将Vista Aero效果扩展到整个窗口

    原文:WPF中,如何将Vista Aero效果扩展到整个窗口   WPF中,如何将Vista Aero效果扩展到整个窗口                                         ...

  7. (转载)WPF中的动画——(一)基本概念

    http://www.cnblogs.com/TianFang/p/4050845.html WPF的一个特点就是支持动画,我们可以非常容易的实现漂亮大方的界面.首先,我们来复习一下动画的基本概念.计 ...

  8. WPF中的动画——(一)基本概念

    WPF的一个特点就是支持动画,我们可以非常容易的实现漂亮大方的界面.首先,我们来复习一下动画的基本概念.计算机中的动画一般是定格动画,也称之为逐帧动画,它通过每帧不同的图像连续播放,从而欺骗眼和脑产生 ...

  9. WPF中的动画——(五)关键帧动画

    与 From/To/By 动画类似,关键帧动画以也可以以动画形式显示目标属性值. 和From/To/By 动画不同的是, From/To/By 动画只能控制在两个状态之间变化,而关键帧动画则可以在多个 ...

随机推荐

  1. 基于Mininet的网络拓扑搭建代码

    1 import logging 2 import os 3 import time 4 import thread 5 import multiprocessing 6 7 from mininet ...

  2. 在Java中,负数的绝对值竟然不一定是正数!!!

    绝对值是指一个数在数轴上所对应点到原点的距离,所以,在数学领域,正数的绝对值是这个数本身,负数的绝对值应该是他的相反数. 这几乎是每个人都知道的. 在Java中,想要获得有个数字的绝对值,可以使用ja ...

  3. MySQL检查与性能优化示例脚本

    最近在玩python,为了熟悉一下python,写了个mysql的检查与性能优化建议的脚本. 虽然,真的只能算是一个半成残次品.也拿出来现眼一下. 不过对于初学者来说,还是有一定的参考价值的.比如说如 ...

  4. windows下搭建vue开发环境实践

    Vue.js是一套构建用户界面的 "渐进式框架".与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已 ...

  5. Spring事务管理中的配置文件(三)

    在开发中,遇到了sql语句报错,但是并没有回滚的情况. 经过几天的排查,终于找到了事务没有回滚的原因. 原来的项目用的是informix的数据库,原来针对事务回滚的机制都是好用的.我本地用的是mysq ...

  6. frameset框架在.net网站中的小实现。

    一般我们生成网页,为减少代码的开发量,通常将不变的网页部分进行重用.通用为三种方法: 1.frameset框架 2.用户自定义控件 3.母版页(消耗资源大,不追叙) 通常1,2两种方法常用. 1.fr ...

  7. PHP5.6.6上运行 ecshop 2.7.3常见问题处理

    ecshop在在PHP5.6.6版本以后,有了很多细微的变化.而ECSHOP官方更新又太慢,发现这些问题后也不及时升级,导致用户安装使用过程中错误百出. 整理一下我遇到的问题希望对你们能有些帮组也为了 ...

  8. wireshark常见分析

    转载于https://www.cnblogs.com/sn1per/p/12553064.html https://www.cnblogs.com/csnd/p/12332421.html 直接看上面 ...

  9. php 正则判断是否是手机号码

    $phonenumber = '13712345678'; if(preg_match("/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|17[0-9]|1 ...

  10. 电脑桌面与群晖NAS双向实时同步-20210105

      电脑桌面与群晖NAS双向实时同步 2021年1月15日星期五   一.购买群晖DS920+网络存储服务器.NEC超轻笔记本电脑(重量小于800克).小米10至尊版安卓智能手机和intel i9 1 ...