标签:
简介
补间动画的原理:
每次绘制视图时View所在的【ViewGroup】中的drawChild函数获取该View的Animation的值,然后调用canvas.concat (transformToApply.getMatrix()),通过【矩阵运算】完成动画帧,如果动画没有完成,继续调用【invalidate()】函数,启动下次绘制来驱动动画。动画过程中的帧之间间隙时间是绘制函数所消耗的时间,可能会导致动画消耗比较多的CPU资源,最重要的是,动画改变的只是显示,并不能响应事件。主要特点:
- 补间动画只能应用于View对象,而且只支持一部分属性,如支持缩放、旋转而不支持背景颜色的改变。
- 补间动画只是改变了View对象绘制的位置,而没有改变View对象本身,比如对于一个按钮,在动画过程中,触发按钮点击的区域仍是动画前的区域。
- 补间动画就是一系列View形状的变换,如大小的缩放,透明度的改变,位置的改变,动画的定义既可以用代码定义也可以用XML定义,建议用XML定义。
- 默认情况下,所有动画是同时进行的,可以通过startOffset属性设置各个动画的开始偏移(开始时间)来达到动画顺序播放的效果。
- 可以通过设置interpolator属性改变动画渐变的方式,默认为AccelerateDecelerateInterpolator。
四种动画类型:
- alpha AlphaAnimation
- scale ScaleAnimation
- translate TranslateAnimation
- rotate RotateAnimation
- set AnimationSet
三种参照物模式:
- Animation.ABSOLUTE 绝对位置
- Animation.RELATIVE_TO_SELF 相对于自身的位置
- Animation.RELATIVE_TO_PARENT 相对于父控件的位置
可监听的动画状态:
- onAnimationEnd(Animation animation) - 当动画结束时调用
- onAnimationRepeat(Animation animation) - 当动画重复时调用
- onAniamtionStart(Animation animation) - 当动画启动时调用
使用xml中定义的动画:
Animation aa = AnimationUtils.loadAnimation(this, R.anim.alpha);iv.startAnimation(aa);
演示代码
public class MainActivity extends Activity {private ImageView iv;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);iv = (ImageView) findViewById(R.id.iv);}//透明度动画public void alpha(View view) {AlphaAnimation aa = new AlphaAnimation(0.2f, 1.0f);//开始、结束时的透明度。1位全不透明,0为全透明aa.setDuration(2000);//播放时间aa.setRepeatCount(1);//重复次数,播放次数=重复次数+1;Animation.INFINITE 或 -1 表示不停止的播放aa.setRepeatMode(Animation.REVERSE);//重复模式:【REVERSE】倒序重复播放(往返形式),【RESTART】重新开始执行(默认)aa.setFillAfter(true);//默认为false,设为true则表示播放完毕后会保持播放完毕那一刻的图像;同样,seFillBefore表示是否……播放开始时的图像。aa.setInterpolator(new AccelerateInterpolator());//设定变化速度,AccelerateInterpolator表示先慢后快iv.startAnimation(aa);}//位移动画public void trans(View view) {TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_PARENT, -0.5f, Animation.RELATIVE_TO_PARENT, 0.5f,Animation.RELATIVE_TO_PARENT, 0.5f, Animation.RELATIVE_TO_PARENT, 0);//【int fromXType, float fromXValue, int toXType, float toXValue,】 【后面是4个Y】//【开始时x相对谁的距离,结束时x相对谁的距离】其中:RELATIVE_TO_PARENT代表相对于父控件ta.setDuration(2000);ta.setRepeatCount(1);ta.setRepeatMode(Animation.RESTART);//RESTART重新开始执行(默认)ta.setInterpolator(new BounceInterpolator());//动画结束的时候弹起iv.startAnimation(ta);}//缩放动画public void scale(View view) {ScaleAnimation sa = new ScaleAnimation(0.1f, 2.0f, 0.1f, 2.0f, Animation.RELATIVE_TO_SELF, 0.5f,Animation.RELATIVE_TO_SELF, 0.5f);//【float fromX, float toX, float fromY, float toY,】【 int pivotXType, float pivotXValue, int pivotYType, float pivotYValue】//【开始和结束时x,y的缩放比例】【x和y缩放时所使用的模式和中心点】其中:RELATIVE_TO_SELF 代表相对自身sa.setDuration(2000);sa.setInterpolator(new CycleInterpolator(1));//动画循环播放特定的次数,速率改变沿着正弦曲线iv.startAnimation(sa);}//旋转动画public void rotate(View view) {RotateAnimation ra = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 0.0f);//【float fromDegrees, float toDegrees, 】【int pivotXType, float pivotXValue, int pivotYType, float pivotYValue】//【开始和结束时旋转的角度】【x和y旋转时所使用的模式和中心点】ra.setDuration(2000);ra.setRepeatCount(1);ra.setRepeatMode(Animation.REVERSE);ra.setInterpolator(new AnticipateInterpolator());//开始的时候向后然后向前甩iv.startAnimation(ra);}//组合动画public void set(View view) {AnimationSet set = new AnimationSet(false);//是否使用共同的播放速度set.setInterpolator(new MyInterpolator(2));//使用自定义的Interpolator//位移TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_PARENT, -0.5f, Animation.RELATIVE_TO_PARENT, 0.5f,Animation.RELATIVE_TO_PARENT, -0.5f, Animation.RELATIVE_TO_PARENT, 0.5f);ta.setDuration(1200);ta.setRepeatCount(1);ta.setRepeatMode(Animation.REVERSE);//缩放ScaleAnimation sa = new ScaleAnimation(0.1f, 1.2f, 0.1f, 1.2f, Animation.RELATIVE_TO_SELF, 0.5f,Animation.RELATIVE_TO_SELF, 0.5f);sa.setDuration(1000);sa.setRepeatCount(1);sa.setRepeatMode(Animation.REVERSE);//旋转RotateAnimation ra = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 0.0f);ra.setDuration(2000);ra.setRepeatCount(0);//将上面这些动画放到集合中set.addAnimation(ra);set.addAnimation(ta);set.addAnimation(sa);iv.startAnimation(set);}class MyInterpolator implements Interpolator {private float mFactor;private int i;public MyInterpolator(int i) {//初始化时设定速率变化规则this.i = i;}@Overridepublic float getInterpolation(float input) {//参数input是一个0.0f~1.0f的浮点数,Interpolator可认为是一个基于input构造出的函数switch (i) {case 2://“变化率”呈二次方mFactor = input * input;break;case 3://“变化率”呈三次方mFactor = input * input * input;break;default://“变化率”是匀速的mFactor = input;break;}return mFactor;}}}
演示布局
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity" ><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal" ><Buttonandroid:layout_width="0dip"android:layout_height="wrap_content"android:layout_weight="1"android:onClick="alpha"android:text="透明度" /><Buttonandroid:layout_width="0dip"android:layout_height="wrap_content"android:layout_weight="1"android:onClick="trans"android:text="移位" /><Buttonandroid:layout_width="0dip"android:layout_height="wrap_content"android:layout_weight="1"android:onClick="scale"android:text="缩放" /><Buttonandroid:layout_width="0dip"android:layout_height="wrap_content"android:layout_weight="1"android:onClick="rotate"android:text="旋转" /><Buttonandroid:layout_width="0dip"android:layout_height="wrap_content"android:layout_weight="1"android:onClick="set"android:text="组合" /></LinearLayout><ImageViewandroid:id="@+id/iv"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerInParent="true"android:layout_margin="10dp"android:background="#6699ff00"android:src="@drawable/ic_launcher" /></RelativeLayout>
标签:
原文地址:http://www.cnblogs.com/baiqiantao/p/5414267.html