当前位置： 移动技术网 > 移动技术>移动开发>Android > Android 三种动画详解及简单实例

Android 三种动画详解及简单实例

2019年07月24日  | 移动技术网移动技术  | 我要评论

android 三种动画详解

帧动画

一张张图片不断的切换，形成动画效果

在drawable目录下定义xml文件，子节点为animation-list，在这里定义要显示的图片和每张图片的显示时长

<animation-list 
xmlns:android="http://schemas.android.com/apk/res/android" 
   android:oneshot="false">
      <item android:drawable="@drawable/g1" 
         android:duration="200" />
      <item android:drawable="@drawable/g2" 
         android:duration="200" />
      <item android:drawable="@drawable/g3" 、
         android:duration="200" />
    </animation-list>

在屏幕上播放帧动画

imageview iv = (imageview) findviewbyid(r.id.iv);
    //把动画文件设置为imageview的背景
    iv.setbackgroundresource(r.drawable.animations);
    animationdrawable ad = (animationdrawable)
    iv.getbackground();
    //播放动画    
    ad.start();

补间动画

  • 原形态变成新形态时为了过渡变形过程，生成的动画就叫补间动画，补间动画，只是一个动画效果，组件其实还在原来的位置上，xy没有改变
  • 位移、旋转、缩放、透明

位移：

  • 参数10指的是x的起点坐标，但不是指屏幕x坐标为10的位置，而是imageview的 真实x + 10
  • 参数150指的是x的终点坐标，它的值是imageview的 真实x + 150
//创建为位移动画对象，设置动画的初始位置和结束位置
translateanimation ta = new translateanimation(10, 150, 20, 140);
  • x坐标的起点位置，如果相对于自己，传0.5f，那么起点坐标就是 真实x + 0.5 * iv宽度
  • x坐标的终点位置，如果传入2，那么终点坐标就是 真实x + 2 * iv的宽度
  • y坐标的起点位置，如果传入0.5f，那么起点坐标就是 真实y + 0.5 * iv高度
  • y坐标的终点位置，如果传入2，那么终点坐标就是 真实y + 2 * iv高度
 translateanimation ta = new translateanimation(animation.relative_to_self, 0.5f, animation.relative_to_self, 2, animation.relative_to_self, 0.5f, animation.relative_to_self, 2);

动画播放相关的设置

    //设置动画持续时间
    ta.setduration(2000);
    //动画重复播放的次数
    ta.setrepeatcount(1);
    //动画重复播放的模式
    ta.setrepeatmode(animation.reverse);
    //动画播放完毕后，组件停留在动画结束的位置上
    ta.setfillafter(true);
    //播放动画
    iv.startanimation(ta);

缩放：

  • 参数0.1f表示动画的起始宽度是真实宽度的0.1倍
  • 参数4表示动画的结束宽度是真实宽度的4倍
  • 缩放的中心点在iv左上角
scaleanimation sa = new scaleanimation(0.1f, 4, 0.1f, 4);
  • 参数0.1f和4意义与上面相同
  • 改变缩放的中心点：传入的两个0.5f，类型都是相对于自己，这两个参数改变了缩放的中心点
  • 中心点x坐标 = 真实x + 0.5 * iv宽度
  • 中心点y坐标 = 真实y + 0.5 * iv高度 
scaleanimation sa = new scaleanimation(0.1f, 4, 0.1f, 4, animation.relative_to_self, 0.5f, animation.relative_to_self, 0.5f);

透明：

0为完全透明，1为完全不透明

  alphaanimation aa = new alphaanimation(0, 0.5f);

旋转：

  • 20表示动画开始时的iv的角度
  • 360表示动画结束时iv的角度
  • 默认旋转的圆心在iv左上角
rotateanimation ra = new rotateanimation(20, 360);
  1. 20,360的意义和上面一样
  2. 指定圆心坐标，相对于自己，值传入0.5，那么圆心的x坐标：真实x + iv宽度 * 0.5
  3. 圆心的y坐标：真实y + iv高度 * 0.5
rotateanimation ra = new rotateanimation(20, 360, animation.relative_to_self, 0.5f, animation.relative_to_self, 0.5f);

所有动画一起飞

 //创建动画集合
    animationset set = new animationset(false);
    //往集合中添加动画
    set.addanimation(aa);
    set.addanimation(sa);
    set.addanimation(ra);
    iv.startanimation(set);

属性动画

位移：

  1. 第一个参数target指定要显示动画的组件
  2. 第二个参数propertyname指定要改变组件的哪个属性
  3. 第三个参数values是可变参数，就是赋予属性的新的值
  4. 传入0，代表x起始坐标：当前x + 0
  5. 传入100，代表x终点坐标：当前x + 100
//具有get、set方法的成员变量就称为属性
objectanimator oa = objectanimator.offloat(bt, "translationx", 0, 100) ;

缩放：

  • 第三个参数指定缩放的比例
  • 0.1是从原本高度的十分之一开始
  • 2是到原本高度的2倍结束
objectanimator oa = objectanimator.offloat(bt, "scaley", 0.1f, 2);

透明：

透明度，0是完全透明，1是完全不透明

objectanimator oa = objectanimator.offloat(bt, "alpha", 0.1f, 1);

旋转

  1. rotation指定是顺时针旋转
  2. 20是起始角度
  3. 270是结束角度
objectanimator oa = objectanimator.offloat(bt, "rotation", 20, 270);
  1. 属性指定为rotationx是竖直翻转
  2. 属性指定为rotationy是水平翻转
objectanimator oa = objectanimator.offloat(bt, "rotationy", 20, 180);

可变参数

第三个参数可变参数可以传入多个参数，可以实现往回位移（旋转、缩放、透明）

objectanimator oa = objectanimator.offloat(bt, "translationx", 0, 70, 30, 100) ;

所有动画一起飞       

     //创建动画师集合
    animatorset set = new animatorset();
    //设置要播放动画的组件
    set.settarget(bt);
    //所有动画有先后顺序的播放
    //set.playsequentially(oa, oa2, oa3, oa4);
    //所有动画一起播放
    set.playtogether(oa, oa2, oa3, oa4);
    set.start();

 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网