android动画 补间动画(Tween Animation)

释放双眼,带上耳机,听听看~!
补间动画(Tween Animation).jpg

一. 作用对象

1. 作用对象: 视图控件View。
2. 不可作用于属性或者其它对象。

二. 原理

1.通过: 开始的视图样式 & 结束的视图样式、中间动画变化过程由系统补全来确定一个动画。
2. 只是显示的位置变动,View的实际位置未改变,表现为View移动到其他地方,点击事件仍在原处才能响应。

三. 优缺点

缺点:

当平移动画执行完停在最后的位置,结果焦点还在原来的位置(控件的属性没有真的被改变)

优点:
  1. 制作方法简单方便。只需要为动画的第一个关键帧和最后一个关键帧创建内容,两个关键帧之间帧的内容由Flash自动生成,不需要人为处理。
  2. 相对于逐帧动画来说,补间动画更为连贯自然。
  3. 相对于逐帧动画来说,补间动画的文件更小,占用内存少。

四. 分类

  1. 平移(Translate)
  2. 旋转(Rotate)
  3. 缩放(Scale)
  4. 透明渐变(Alpha)
  5. 组合动画(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切换视图动画

具体例子就不在这里写了

人已赞赏
Android文章

android中MVP模式

2020-2-23 21:27:23

Android文章

Android 万能Dialog框架,  简单粗暴

2020-2-23 23:27:24

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索