Android中动画

帧动画：

　　　　一张张图片不断的切换，形成动画效果，安卓手机的开机界面就是通过帧动画做的

　　　　　如何自己使用帧动画：

　　　　　　　　步骤：1将素材拷贝到drawable中

　　　　　　　　　　　2 在drawable目录下定义xml文件（在api中的drawable Animation中可以看到xml文件的格式和使用代码）

1 2 3 4 5

<animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false"> //这里的false表示循环播放 true表示只播放一次             <item android:drawable="@drawable/g1" android:duration="200" />//表示duration表示每张图片显示的时长             <item android:drawable="@drawable/g2" android:duration="200" />             <item android:drawable="@drawable/g3" android:duration="200" />         </animation-list>

 

　　　　　　　　　　3 在屏幕上播放帧动画

1 2 3 4 5 6

ImageView iv = (ImageView) findViewById(R.id.iv); //首先拿到imageView 将动画播放在imageView    //把动画文件设置为imageView的背景    iv.setBackgroundResource(R.drawable.animations); ////把帧动画的资源文件指定为iv的背景    AnimationDrawable ad = (AnimationDrawable) iv.getBackground();//获取iv的北京    //播放动画           ad.start();

　　

---

 

 

补间动画：

原形态变成新形态时为了过渡变形过程，生成的动画就叫补间动画　　位移、旋转、缩放、透明

　　位移

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

/*位移： 　　　　参数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); //iv表示动画显示显示在哪个地方 通过findviewbyid拿到

 

　　旋转　　

 

1 2 3 4 5 6 7 8

public void rotate(View v){<br>　　　　　　　　　　//表示从0到720旋转　　　　　　　　　　　　　　　　　　　　　　　　　　　　表示从真实的x+图片的宽度的一半 在中心旋转         RotateAnimation ra = new RotateAnimation(0, 720, Animation.RELATIVE_TO_SELF, 0.5f,         //设置动画持续时间                              Animation.RELATIVE_TO_SELF, 0.5f);         ra.setDuration(2000);<br>　　　　　　　　　//设置动画重发次数表示重发播放两次         ra.setRepeatCount(1);         ra.setRepeatMode(Animation.REVERSE);         iv.startAnimation(ra);     }

　缩放

1 2 3 4 5 6 7 8 9 10 11

public void scale(View v){ //      sa = new ScaleAnimation(fromX, toX, fromY, toY, iv.getWidth() / 2, iv.getHeight() / 2);         sa = new ScaleAnimation(0.5f, 2, 0.1f, 3, Animation.RELATIVE_TO_SELF, 0.5f,                 Animation.RELATIVE_TO_SELF, 0.5f);  //o.5f表示动画的起始宽度是真实宽度的0.5倍 2表示动画结束宽度是真实宽度的2倍  后面参数表示旋转中心点的位置 默认是坐上角         sa.setDuration(2000);         //填充动画的结束位置         sa.setRepeatCount(1);         sa.setRepeatMode(Animation.REVERSE);         sa.setFillAfter(true);         iv.startAnimation(sa);     }

　透明

1 2 3 4 5 6

public void alpha(View v){         aa = new AlphaAnimation(0, 1); //0表示完全透明。1表示不透明         aa.setDuration(2000);         sa.setRepeatCount(1);         iv.startAnimation(aa);     }

　　我们可以设置所有的动画一起播放

1 2 3 4 5 6 7 8 9

public void fly(View v){         AnimationSet set = new AnimationSet(false);//false表示使用自己的叫对器         set.addAnimation(ta);         set.addAnimation(sa);         set.addAnimation(ra);         set.addAnimation(aa);                   iv.startAnimation(set);     }

　　

---

 

属性动画
　　　　补间动画，只是一个动画效果，组件其实还在原来的位置上，xy没有改变。而属性动画是xy真实改变了，属性动画是3.0后加入的特性。没有向下支持类库

　位移：

　　　　

1 2 3 4 5 6 7 8 9

public void translate(View v){                   //target:动画作用于哪个组件  第一个参数target指定要显示动画的组件  第二个参数propertyName指定要改变组件的哪个属性  第三个参数values是可变参数，就是赋予属性的新的值         ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "translationX", 10, 70, 20, 100); //他可以实现来回移动 我们可以动过set和get来看属性是什么         oa.setDuration(2000);         oa.setRepeatCount(1);         oa.setRepeatMode(ValueAnimator.REVERSE);         oa.start();     }

　　缩放

　　　　

1 2 3 4 5

public void scale(View v){         ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "scaleX", 1, 1.6f, 1.2f, 2);         oa.setDuration(2000);         oa.start();     }

　　

透明：

1 2 3 4 5

public void alpha(View v){         ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "alpha", 0, 0.5f, 0.2f, 1);         oa.setDuration(2000);         oa.start();     }

旋转

       

1 2	public void rotate(View v){         ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "rotationY", 0, 180, 90, 360); //rotation指定是顺时针旋转

//属性指定为rotationX是竖直翻转
//属性指定为rotationY是水平翻转

1 2 3 4 5

oa.setDuration(2000);     oa.setRepeatCount(1);     oa.setRepeatMode(ValueAnimator.REVERSE);     oa.start(); }

所有动画一起播放　　

1 2 3 4 5 6 7 8 9

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

使用xml文件定义属性动画

1 2 3 4 5 6 7 8 9 10 11 12 13

<?xml version="1.0" encoding="utf-8"?>  在animator文件下 resource type 选择property animator root element是set <set xmlns:android="http://schemas.android.com/apk/res/android" >     <objectAnimator         android:propertyName="translationX"         android:duration="200"         android:repeatCount="1"         android:repeatMode="reverse"         android:valueFrom="-100"         android:valueTo="100"         >               </objectAnimator> </set>

　　

1 2 3 4 5 6 7

public void xml(View v){         Animator at = AnimatorInflater.loadAnimator(this, R.animator.objanimator); //加载指定xml         //设置作用于哪个组件         at.setTarget(iv);         at.start();     }