补间动画(Tween Animation).jpg
一. 作用对象
1. 作用对象： 视图控件View。
2. 不可作用于属性或者其它对象。
二. 原理
1.通过: 开始的视图样式 & 结束的视图样式、中间动画变化过程由系统补全来确定一个动画。
2. 只是显示的位置变动，View的实际位置未改变，表现为View移动到其他地方，点击事件仍在原处才能响应。
三. 优缺点
缺点：
当平移动画执行完停在最后的位置，结果焦点还在原来的位置(控件的属性没有真的被改变)
优点：
- 制作方法简单方便。只需要为动画的第一个关键帧和最后一个关键帧创建内容，两个关键帧之间帧的内容由Flash自动生成，不需要人为处理。
- 相对于逐帧动画来说，补间动画更为连贯自然。
- 相对于逐帧动画来说，补间动画的文件更小，占用内存少。
四. 分类
- 平移（Translate）
- 旋转（Rotate）
- 缩放（Scale）
- 透明渐变（Alpha）
- 组合动画(AnimationSet)
五. 使用方式
1. xml形式
res/anim目录下
(1) 平移：translate_animation.xml
<?xml version="1.0" encoding="utf-8"?>
<!-- 平移 -->
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="3000">
<translate
android:fromXDelta="0"
android:fromYDelta="0"
android:toXDelta="100%"
android:toYDelta="100%"/>
<!--android:fromXDelta="0" 水平方向x 移动的起始值-->
<!--android:fromYDelta="0" 竖直方向y 移动的起始值-->
<!--android:toXDelta="100%" 水平方向x 移动的结束值-->
<!--android:toYDelta="100%" 竖直方向y 移动的结束值-->
</set>
(2) 旋转：rotate_animation.xml
<?xml version="1.0" encoding="utf-8"?>
<!-- 旋转 -->
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="3000">
<rotate
android:pivotX="100%"
android:pivotY="50%"
android:fromDegrees="0"
android:toDegrees="360"
android:drawable="@drawable/ic_launcher_foreground"
android:visible="true"/>
<!--android:pivotX="100%" 旋转中心X坐标-->
<!--android:pivotY="50%" 旋转中心Y坐标-->
<!--android:fromDegrees="0" 旋转起始角度位置-->
<!--android:toDegrees="360" 旋转结束角度位置-->
<!--android:drawable="@drawable/ic_launcher_foreground" 暂时没测试出来-->
<!--android:visible="true"-->
</set>
(3) 缩放：scale_animation.xml
<?xml version="1.0" encoding="utf-8"?>
<!-- 缩放-->
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="3000">
<scale
android:fromXScale="1.0"
android:fromYScale="1.0"
android:toXScale="2.0"
android:toYScale="2.0"
android:pivotX="100%"
android:pivotY="100%"/>
<!--0.0表示收缩到没有；1.0表示正常无伸缩-->
<!--值小于1.0表示收缩；值大于1.0表示放大-->
<!--android:fromXScale="1.0" 动画在水平方向X的起始缩放倍数-->
<!--android:fromYScale="1.0" 动画开始前在竖直方向Y的起始缩放倍数-->
<!--android:toXScale="2.0" 动画在水平方向X的结束缩放倍数-->
<!--android:toYScale="2.0" 动画在竖直方向Y的结束缩放倍数-->
<!--android:pivotX="100%" 缩放轴点的x坐标-->
<!--android:pivotY="100%" 缩放轴点的y坐标-->
</set>
(4) 透明渐变：alpha_animation.xml
<?xml version="1.0" encoding="utf-8"?>
<!-- 渐变 -->
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="3000">
<alpha
android:fromAlpha="1"
android:toAlpha="0"/>
<!--android:fromAlpha="1.0" 动画开始时视图的透明度(取值范围: -1 ~ 1)-->
<!--android:toAlpha="0.0" 动画结束时视图的透明度(取值范围: -1 ~ 1)-->
</set>
(5) 组合动画：group_animation.xml
<?xml version="1.0" encoding="utf-8"?>
<!-- 组合动画 -->
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="5000"
android:startOffset="1000"
android:fillBefore="true"
android:fillAfter="false"
android:repeatMode="restart"
android:shareInterpolator="true">
<!-- 旋转 -->
<rotate
android:duration="3000"
android:pivotX="50%"
android:pivotY="50%"
android:fromDegrees="0"
android:toDegrees="360"
android:repeatMode="restart"
android:repeatCount="2"/>
<!-- 平移 -->
<translate
android:duration="10000"
android:fromXDelta="0"
android:fromYDelta="0"
android:toXDelta="800"
android:toYDelta="0"
android:repeatMode="restart"
android:repeatCount="3"/>
<!-- 组合动画独特的属性-->
<!-- android:shareinterpolator = “true”-->
<!-- 表示组合动画中的动画是否和集合共享同一个差值器 -->
<!-- 如果集合不指定插值器，那么子动画需要单独设置 -->
<!--// 以下参数是4种动画效果的公共属性,即都有的属性-->
<!--android:duration="3000" // 动画持续时间（ms），必须设置，动画才有效果-->
<!--android:startOffset ="1000" // 动画延迟开始时间（ms）-->
<!--android:fillBefore = “true” // 动画播放完后，视图是否会停留在动画开始的状态，默认为true-->
<!--android:fillAfter = “false” // 动画播放完后，视图是否会停留在动画结束的状态，优先于fillBefore值，默认为false-->
<!--android:fillEnabled= “true” // 是否应用fillBefore值，对fillAfter值无影响，默认为true-->
<!--android:repeatMode= “restart” // 选择重复播放动画模式，restart代表正序重放，reverse代表倒序回放，默认为restart|-->
<!--android:repeatCount = “0” // 重放次数（所以动画的播放次数=重放次数+1），为infinite时无限重复-->
<!--android:interpolator = @[package:]anim/interpolator_resource // 插值器，即影响动画的播放速度,下面会详细讲-->
</set>
Activity中调用xml
//平移
Animation translateAnimator = AnimationUtils.loadAnimation(this, R.anim.translate_animator);
//伸缩
Animation scaleAnimator = AnimationUtils.loadAnimation(this, R.anim.scale_animator);
//旋转
Animation rotateAnimator = AnimationUtils.loadAnimation(this, R.anim.rotate_animator);
//渐变
Animation alphaAnimator = AnimationUtils.loadAnimation(this, R.anim.alpha_animator);
//组合
Animation groupAnimator = AnimationUtils.loadAnimation(this, R.anim.group_animator);
textView.startAnimation(groupAnimator);
2. java代码形式
//参数类型 构造函数按照(值的类型， 值)这样的形式，如下：百分比
int type = Animation.RELATIVE_TO_SELF; //百分比
//平移
TranslateAnimation ranslateAnimator = new TranslateAnimation(0, 500, 0, 0);
// TranslateAnimation ranslateAnimator = new TranslateAnimation(type,0, type, 1, type,0, type, 1);
ranslateAnimator.setDuration(3000);
//伸缩
ScaleAnimation scaleAnimation = new ScaleAnimation(1, 2, 1, 2, type, 0.5f, type, 0.5f);
scaleAnimation.setDuration(3000);
//旋转
RotateAnimation rotateAnimation = new RotateAnimation(0, 360, type, 0.5f, type, 0.5f);
rotateAnimation.setDuration(3000);
//渐变
AlphaAnimation alphaAnimation = new AlphaAnimation(1,0);
alphaAnimation.setDuration(3000);
//组合动画
AnimationSet setAnimation = new AnimationSet(true);
setAnimation.setDuration(3000);
setAnimation.addAnimation(rotateAnimation);
setAnimation.addAnimation(ranslateAnimator);
textView.startAnimation(setAnimation);
总结：
xml优点：动画描述的可读性更好
代码优点：动画效果可动态创建
六. 设置监听
监听器 Animation.AnimationListener。
public void setListener(Animation animation){
animation.setAnimationListener(new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
//开始
Toast.makeText(mContext, "开始", Toast.LENGTH_SHORT).show();
}
@Override
public void onAnimationEnd(Animation animation) {
//结束
Toast.makeText(mContext, "结束", Toast.LENGTH_SHORT).show();
}
@Override
public void onAnimationRepeat(Animation animation) {
//动画重复执行的时候回调
Toast.makeText(mContext, "重复执行", Toast.LENGTH_SHORT).show();
}
});
}
七. 应用场景
1. 标准视图动画
2. 视图组（ViewGroup）中子元素的出场效果
3. Activity、Fragment切换视图动画
具体例子就不在这里写了
网友评论