当前位置:主页 > 移动开发 > Android代码 >

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

时间:2020-11-24 17:13:50 | 栏目:Android代码 | 点击:

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();

补间动画

位移:

//创建为位移动画对象,设置动画的初始位置和结束位置
TranslateAnimation ta = new TranslateAnimation(10, 150, 20, 140);
 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);

缩放:

ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4);
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);

旋转:

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) ;

缩放:

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();

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

您可能感兴趣的文章:

相关文章