Android Animation动画总结

2017-01-23  本文已影响0人  shirly_YY

动画的分类

一、视图动画

动画的监听器 animation.setAnimationListener(new AnimationListener() { });

(一)帧动画(必须针对ImageView来做的)

定义: 一帧一帧的。很多静态图片不断切换的效果。就是图片的切换效果。类似gif动图。

使用:

(1)创建资源文件

res/drawableanimation-list作为根节点

属性oneshot:是否重复

子节点设置要显示的图片(drawable)和时间(duration)

frame.xml代码:

android:oneshot="false">

(2)java代码中使用步骤

//设置图片空间的背景资源

img.setBackgroundResource(R.drawable.frame);

//获取到静态图片

Drawable drawable = img.getBackground();

//强制转变成动态图

AnimationDrawable animationDrawable = (AnimationDrawable) drawable;

//启动动态图片

animationDrawable.start();

(二)补间动画(操作的控件是任意的)

本质上控件还是在原位置,只是它的试图在改变。

定义:知道开始和结束,将中间的过程给补充起来。

组件从初始状态变成结束状态,为了让改变看起来更自然更平滑的的一种动画

使用:

1.平移TranslateAnimation

方法一、

(1)创建资源文件

在res文件下创建anim文件以translate作为根节点

属性:

android:fromXDelta      x的初始位置:原位置的x坐标+参数

android:toXDelta="100"    x的结束位置:原位置的x坐标+参数(像素点)

注:x坐标向右伸展,y坐标向下伸展

android:duration    动画展示的时间

android:fillAfter        让动画保持平移后的状态

android:repeatCount        重复的次数    infinite    一直重复移动

android:repeatMode        重复的模式

reverse    来回重复(倒序)

restart    重新开始(默认的)

(2)java代码中使用步骤:

//把一个动画的资源文件加载成一个动画类

Animation animation = AnimationUtils.loadAnimation(this, R.anim.mytranslate);

TranslateAnimation tAnimation = (TranslateAnimation) animation; //可以不写

//启动一个控件展示动画

img.startAnimation(tAnimation);

方法二、使用构造方法

TranslateAnimation animation = new TranslateAnimation(0, 100, 0, 0);

/**

* RELATIVE_TO_SELF:当前的x,y的坐标长度是相对于自己

* RELATIVE_TO_PARENT:当前的x,y的坐标长度是相对于当前控件的父控件

* 0:原位置

* 1:原控件的1倍

*/

animation = new TranslateAnimation(

Animation.RELATIVE_TO_SELF, 0,

Animation.RELATIVE_TO_PARENT, 0.5f,   //这里的0.5f是倍数(浮点型)

Animation.RELATIVE_TO_SELF, 0,

Animation.RELATIVE_TO_SELF, 0);

animation.setDuration(2000);    //设置时间

img.startAnimation(animation);

2.缩放ScaleAnimation

方法一、

(1)创建资源文件,在res/anim文件以scale作为根节点

属性:

缩放的倍数

android:fromXScale="1", android:fromYScale="1"    初始的x,y的坐标:原来x,y的坐标 * 参数

android:pivotX="50%", android:pivotY="50%"    缩放点的x,y坐标

(2)java代码中:

Animation animation = AnimationUtils.loadAnimation(this, R.anim.myscale);

img.startAnimation(animation);

方法二、使用构造方法

/**

* fromX:缩放的倍数(默认缩放的中心点:左上角)

* pointX:缩放的中心位置(偏移量):偏移量=原来的x的坐标+参数

* Animation.RELATIVE_TO_SELF, 0.5f    x+控件的宽度*0.5

* Animation.RELATIVE_TO_PARENT, 0.5f    x+手机屏幕的宽度*0.5

*/

ScaleAnimation animation = new ScaleAnimation(0, 1, 0, 1);

animation = new ScaleAnimation(0, 1, 0, 1,img.getWidth()/2, img.getHeight()/2);

animation = new ScaleAnimation(1, 0, 1, 0,

Animation.RELATIVE_TO_SELF, 0.5f,

Animation.RELATIVE_TO_SELF, 0.5f);

3.透明AlphaAnimation

方法一、

(1)创建资源文件

在res/anim文件以alpha作为根节点

属性:

android:fromAlpha="1"        开始的透明度(0~1之间)

android:toAlpha="0.5"    结束的透明度

(2)java代码中:

Animation animation = AnimationUtils.loadAnimation(this, R.anim.myalpha);

img.startAnimation(animation);

方法二、使用构造方法

AlphaAnimation animation = new AlphaAnimation(1, 0.3f); //开始和结束的透明度值[0,1]

4.旋转RotateAnimation

和"缩放"类似

5.几种动画一起

AnimationSet set = new AnimationSet(false);

//false,各自用自己的频率,如果为true,表示都用父控件的频率

//添加动画类型,可以同时添加多个

set.addAnimation(animation);

set.addAnimation(animation);

img.startAnimation(set);

二、属性动画 property animation

动画的监听器 animation.addListener(new AnimatorListener() { });

方法一、

(1)创建资源文件

在res/animator文件以objectAnimator作为根节点

属性:

android:propertyName="translationY"    设置动画的类型

android:valueFrom="0"    设置移动的初始位置

android:valueTo="100"    设置移动的结束位置

android:valueType="floatType"

(2)java代码中:

//通过一个动画资源加载器去加载一个动画XML文件

ObjectAnimator oa = (ObjectAnimator) AnimatorInflater

.loadAnimator(this, R.animator.myobjectanimator);

//绑定动画的执行者

oa.setTarget(img);

oa.start();

方法二、使用构造方法

/**

*     img:动画的执行者

*     translationX:动画的名字

*     0,100:执行动画的可变参数(中间可以有多个)

*/

//        img.setTranslationX(translationX);    平移

//        img.setScaleX(scaleX);    缩放

//        img.setAlpha(alpha);    透明

//        img.setRotationX(rotation);    旋转

ObjectAnimator animator = ObjectAnimator.ofFloat(img, "translationX", 0,50,0,100);

animator.setDuration(2000);

animator.start();

几种动画一起:

AnimatorSet set = new AnimatorSet();

set.playTogether(oa1,oa2);  //一起执行

//    set.playSequentially(oa1,oa2);  //按照顺序执行

set.start();

上一篇下一篇

猜你喜欢

热点阅读