动画的分类:
一、视图动画
动画的监听器 animation.setAnimationListener(new AnimationListener() { });
(一)帧动画(必须针对ImageView来做的)
定义: 一帧一帧的。很多静态图片不断切换的效果。就是图片的切换效果。类似gif动图。
使用:
(1)创建资源文件
在res/drawable以animation-list作为根节点
属性oneshot:是否重复
子节点<item>设置要显示的图片(drawable)和时间(duration)
frame.xml代码:
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false">
<item android:drawable="@drawable/f1" android:duration="300" />
<item android:drawable="@drawable/f2" android:duration="300" />
<item android:drawable="@drawable/f3" android:duration="300" />
<item android:drawable="@drawable/f4" android:duration="300" />
</animation-list>
(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();