View动画（补间动画）

最新推荐文章于 2022-04-19 23:34:38 发布
最新推荐文章于 2022-04-19 23:34:38 发布
阅读量178 收藏
点赞数
文章标签： 移动开发 java
原文链接：http://www.cnblogs.com/Im-Victor/p/8759749.html
版权

补间动画的属性

 

Animation的属性

JAVA方法XML属性解释
setDetachWallpaper(boolean)android:detachWallpaper是否在壁纸上运行
setDuration(long)android:duration设置动画持续时间，单位为毫秒
setFillAfter(boolean)android:fillAfter控件动画结束时控件是否保持动画最后状态
setFillBefore(boolean)android:fillBefore控件动画结束时控件是否还原到开始动画前的状态
setFillEnable(boolean)android:fillEnable(boolean)与android:fillBefore效果相同
setInterpolator(boolean)android:interpolator设置插值器（指定的动画效果，如：回弹等）
setRepeatCount(int)android:repeatCount重复次数
setRepeatMode(int)android:repeatMode重复类型：reverse倒序回放、restart从头播放
setStartOffset(long)android:startOffset调用start函数后等待开行运行的时间，单位为毫秒
setZadjustment(int)android:zAdjustment表示被设置动画的内容运行时在Z轴的位置(top/bottom/normal)，默认为normal

由于Animation类是其抽象父类，那么我们在使用补间动画无论是哪一种都已经具备了以上属性。 
下面是每一种补间动画的特有属性：

Alpha属性

JAVA方法XML属性解释
AlphaAnimation(float fromAlpha,…)android:fromAlpha动画开始的透明度（0.0到1.0，0.0是全透明，1.0是不透明）
AlphaAnimation(…, float toAlpha)androdi:toAlpha动画结束的透明度（同上）

Rotate属性

JAVA方法XML属性解释
RotateAnimation(float fromDegrees, …)android:fromDegress旋转开始角度，正代表顺时针度数，负代表逆时针度数
RotateAnimation(…, float toDegress)android:toDegress旋转结束角度（同上）
RotateAnimation(…, …, float pivotX, …)android:pivotX缩放起点X坐标（数值、百分数、百分数p，譬如50表示以当前View左上角坐标加50px为初始点、50%表示以当前View的左上角加上当前View宽高的50%做为初始点、50%p表示以当前View的左上角加上父控件宽高的50%做为初始点）
RotateAnimation(…, …, …, pivotY)android:pivotY缩放起点Y坐标（同上）

Scale属性

JAVA方法XML属性解释
ScaleAnimation(float fromX, …)android:fromXScale初始X轴缩放比例，1.0表示无变化
ScaleAnimation(…, float toX)android:toXScale结束X轴缩放比例
ScaleAnimation(…, …, float fromY, …)androd:fromYScale初始Y轴缩放比例
ScaleAnimation(…, …, …, float toY)android:toYScale结束Y轴缩放比例
ScaleAnimation(…, float pivotX, …)android:pivotX缩放起点X轴坐标（同上）
ScaleAnimation(…, float pivotY)android:pivotY缩放起点Y轴坐标（同上）

Translate属性

JAVA方法XML属性解释
TranslateAnimation(float fromXDelta, …)android:fromXDelta平移起始点X轴坐标
TranslateAnimation(…, float toXDelta)android:toXDelta平移结束点X轴坐标
TranslateAnimation(…, float fromYDelta, …)android:fromYDelta平移起始点Y轴坐标
TranslateAnimation(…, float toYDelta)android:toYDelta平移结束点Y轴坐标

AnimationSet属性

AnimationSet类比较特殊，因为该类是以上4类的组合容器管理类，没有自己特有的属性，它的属性继承自它的父类：Animation。 
我们在使用的时候需要注意，当我们在对set标签设置属性的时候，那么其标签下的所有控件都会产生影响。

补间动画的使用

我们可以在代码以及XML中使用补间动画，Android官方文档中推荐我们使用XML文件定义补间动画，因为它更可读，可重复使用，并且支持swappable than hard-coding的动画。

 

 

4. 具体使用

  • 补间动画的使用方式分为两种：在XML 代码 / Java 代码里设置
  1. 前者优点：动画描述的可读性更好
  2. 后者优点：动画效果可动态创建
  • 下面我将详细平移、缩放、旋转 & 透明度动画的使用步骤

4.1 平移动画（Translate）

设置方法1：在XML 代码中设置

  • 步骤1：在 res/anim的文件夹里创建动画效果.xml文件

此处路径为res/anim/view_animation.xml

  • 步骤2：根据 不同动画效果的语法 设置 不同动画参数，从而实现动画效果。平移动画效果设置具体如下：

view_animation.xml

<?xml version="1.0" encoding="utf-8"?> // 采用<translate /> 标签表示平移动画 <translate xmlns:android="http://schemas.android.com/apk/res/android" // 以下参数是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 // 插值器，即影响动画的播放速度,下面会详细讲 // 以下参数是平移动画特有的属性 android:fromXDelta="0" // 视图在水平方向x 移动的起始值 android:toXDelta="500" // 视图在水平方向x 移动的结束值 android:fromYDelta="0" // 视图在竖直方向y 移动的起始值 android:toYDelta="500" // 视图在竖直方向y 移动的结束值 />
  • 步骤3：在Java代码中创建Animation对象并播放动画

MainActivity.java

public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Button mButton = (Button) findViewById(R.id.Button); // 步骤1:创建 需要设置动画的 视图View Animation translateAnimation = AnimationUtils.loadAnimation(this, R.anim.view_animation); // 步骤2:创建 动画对象 并传入设置的动画效果xml文件 mButton.startAnimation(translateAnimation); // 步骤3:播放动画
  • 效果图
 
效果图

设置方法2：在 Java 代码中设置

        Button mButton = (Button) findViewById(R.id.Button);
        // 步骤1:创建 需要设置动画的 视图View

        Animation translateAnimation = new TranslateAnimation(0，500，0，500); // 步骤2：创建平移动画的对象：平移动画对应的Animation子类为TranslateAnimation // 参数分别是： // 1. fromXDelta ：视图在水平方向x 移动的起始值 // 2. toXDelta ：视图在水平方向x 移动的结束值 // 3. fromYDelta ：视图在竖直方向y 移动的起始值 // 4. toYDelta：视图在竖直方向y 移动的结束值 translateAnimation.setDuration(3000); // 固定属性的设置都是在其属性前加“set”，如setDuration（） mButton.startAnimation(translateAnimation); // 步骤3:播放动画
  • 效果图
    与第一种设置方式是一样的。

4.2 缩放动画（Scale）

设置方法1：在XML 代码中设置

  • 步骤1：在 res/anim的文件夹里创建动画效果 .xml 文件

此处为res/anim/view_animation.xml

  • 步骤2：根据 不同动画效果的语法 设置 不同动画参数，从而实现动画效果。缩放动画效果设置具体如下：

view_animation.xml

<?xml version="1.0" encoding="utf-8"?> // 采用<scale/> 标签表示是缩放动画 <scale xmlns:android="http://schemas.android.com/apk/res/android" // 以下参数是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 // 插值器，即影响动画的播放速度,下面会详细讲 // 以下参数是缩放动画特有的属性 android:fromXScale="0.0" // 动画在水平方向X的起始缩放倍数 // 0.0表示收缩到没有；1.0表示正常无伸缩 // 值小于1.0表示收缩；值大于1.0表示放大 android:toXScale="2" //动画在水平方向X的结束缩放倍数 android:fromYScale="0.0" //动画开始前在竖直方向Y的起始缩放倍数 android:toYScale="2" //动画在竖直方向Y的结束缩放倍数 android:pivotX="50%" // 缩放轴点的x坐标 android:pivotY="50%" // 缩放轴点的y坐标 // 轴点 = 视图缩放的中心点 // pivotX pivotY,可取值为数字，百分比，或者百分比p // 设置为数字时（如50），轴点为View的左上角的原点在x方向和y方向加上50px的点。在Java代码里面设置这个参数的对应参数是Animation.ABSOLUTE。 // 设置为百分比时（如50%），轴点为View的左上角的原点在x方向加上自身宽度50%和y方向自身高度50%的点。在Java代码里面设置这个参数的对应参数是Animation.RELATIVE_TO_SELF。 // 设置为百分比p时（如50%p），轴点为View的左上角的原点在x方向加上父控件宽度50%和y方向父控件高度50%的点。在Java代码里面设置这个参数的对应参数是Animation.RELATIVE_TO_PARENT // 两个50%表示动画从自身中间开始，具体如下图 />
 
示意图
  • 步骤3：在Java代码中创建Animation对象并播放动画

MainActivity.java


        Button mButton = (Button) findViewById(R.id.Button);
        // 步骤1:创建 需要设置动画的 视图View
        Animation rotateAnimation = AnimationUtils.loadAnimation(this, R.anim.view_animation);
        // 步骤2:创建 动画对象 并传入设置的动画效果xml文件
        mButton.startAnimation(scaleAnimation);
        // 步骤3:播放动画

  • 效果图
    下面展示轴点为（50%,50%） & 轴点为（20%,30%）的情况


     
    轴点为（50%,50%）
 
轴点为（20%,30%）

设置方法2：在 Java 代码中设置

        Button mButton = (Button) findViewById(R.id.Button);
        // 步骤1:创建 需要设置动画的 视图View

          Animation rotateAnimation = new ScaleAnimation(0,2,0,2,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f); // 步骤2：创建缩放动画的对象 & 设置动画效果：缩放动画对应的Animation子类为RotateAnimation // 参数说明: // 1. fromX ：动画在水平方向X的结束缩放倍数 // 2. toX ：动画在水平方向X的结束缩放倍数 // 3. fromY ：动画开始前在竖直方向Y的起始缩放倍数 // 4. toY：动画在竖直方向Y的结束缩放倍数 // 5. pivotXType:缩放轴点的x坐标的模式 // 6. pivotXValue:缩放轴点x坐标的相对值 // 7. pivotYType:缩放轴点的y坐标的模式 // 8. pivotYValue:缩放轴点y坐标的相对值 // pivotXType = Animation.ABSOLUTE:缩放轴点的x坐标 = View左上角的原点 在x方向 加上 pivotXValue数值的点(y方向同理) // pivotXType = Animation.RELATIVE_TO_SELF:缩放轴点的x坐标 = View左上角的原点 在x方向 加上 自身宽度乘上pivotXValue数值的值(y方向同理) // pivotXType = Animation.RELATIVE_TO_PARENT:缩放轴点的x坐标 = View左上角的原点 在x方向 加上 父控件宽度乘上pivotXValue数值的值 (y方向同理) scaleAnimation.setDuration(3000); // 固定属性的设置都是在其属性前加“set”，如setDuration（） mButton.startAnimation(scaleAnimation); // 步骤3：播放动画
  • 效果图
    与第一种设置方式是一样的。

4.3 旋转动画（Rotate）

设置方法1：在XML 代码中设置

  • 步骤1：在路径 res/anim的文件夹里创建动画效果 .xml 文件

此处为res/anim/view_animation.xml

  • 步骤2：根据 不同动画效果的语法 设置 不同动画参数，从而实现动画效果。旋转动画效果设置具体如下：

view_animation.xml

<?xml version="1.0" encoding="utf-8"?> // 采用<rotate/> 标签表示是旋转动画 <rotate xmlns:android="http://schemas.android.com/apk/res/android" // 以下参数是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 // 插值器，即影响动画的播放速度,下面会详细讲 // 以下参数是旋转动画特有的属性 android:duration="1000" android:fromDegrees="0" // 动画开始时 视图的旋转角度(正数 = 顺时针，负数 = 逆时针) android:toDegrees="270" // 动画结束时 视图的旋转角度(正数 = 顺时针，负数 = 逆时针) android:pivotX="50%" // 旋转轴点的x坐标 android:pivotY="0" // 旋转轴点的y坐标 // 轴点 = 视图缩放的中心点 // pivotX pivotY,可取值为数字，百分比，或者百分比p // 设置为数字时（如50），轴点为View的左上角的原点在x方向和y方向加上50px的点。在Java代码里面设置这个参数的对应参数是Animation.ABSOLUTE。 // 设置为百分比时（如50%），轴点为View的左上角的原点在x方向加上自身宽度50%和y方向自身高度50%的点。在Java代码里面设置这个参数的对应参数是Animation.RELATIVE_TO_SELF。 // 设置为百分比p时（如50%p），轴点为View的左上角的原点在x方向加上父控件宽度50%和y方向父控件高度50%的点。在Java代码里面设置这个参数的对应参数是Animation.RELATIVE_TO_PARENT // 两个50%表示动画从自身中间开始，具体如下图 />
 
旋转轴点示意图
  • 步骤3：在Java代码中创建Animation对象并播放动画

MainActivity.java


        Button mButton = (Button) findViewById(R.id.Button);
        // 步骤1:创建 需要设置动画的 视图View
        Animation scaleAnimation = AnimationUtils.loadAnimation(this, R.anim.view_animation);
        // 步骤2:创建 动画对象 并传入设置的动画效果xml文件
        mButton.startAnimation(scaleAnimation);
        // 步骤3:播放动画

  • 效果图


     
    轴点为（50%,50%）

设置方法2：在 Java 代码中设置

        Button mButton = (Button) findViewById(R.id.Button);
        // 步骤1:创建 需要设置动画的 视图View

          Animation rotateAnimation = new RotateAnimation(0,270,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f); // 步骤2：创建旋转动画的对象 & 设置动画效果：旋转动画对应的Animation子类为RotateAnimation // 参数说明: // 1. fromDegrees ：动画开始时 视图的旋转角度(正数 = 顺时针，负数 = 逆时针) // 2. toDegrees ：动画结束时 视图的旋转角度(正数 = 顺时针，负数 = 逆时针) // 3. pivotXType：旋转轴点的x坐标的模式 // 4. pivotXValue：旋转轴点x坐标的相对值 // 5. pivotYType：旋转轴点的y坐标的模式 // 6. pivotYValue：旋转轴点y坐标的相对值 // pivotXType = Animation.ABSOLUTE:旋转轴点的x坐标 = View左上角的原点 在x方向 加上 pivotXValue数值的点(y方向同理) // pivotXType = Animation.RELATIVE_TO_SELF:旋转轴点的x坐标 = View左上角的原点 在x方向 加上 自身宽度乘上pivotXValue数值的值(y方向同理) // pivotXType = Animation.RELATIVE_TO_PARENT:旋转轴点的x坐标 = View左上角的原点 在x方向 加上 父控件宽度乘上pivotXValue数值的值 (y方向同理) rotateAnimation.setDuration(3000); // 固定属性的设置都是在其属性前加“set”，如setDuration（） mButton.startAnimation(rotateAnimation); // 步骤3：播放动画
  • 效果图
    与第一种设置方式是一样的。

4.4 透明度动画（Alpha）

设置方法1：在XML 代码中设置

  • 步骤1：在路径 res/anim的文件夹里创建动画效果 .xml 文件

此处为res/anim/view_animation.xml

  • 步骤2：根据 不同动画效果的语法 设置 不同动画参数，从而实现动画效果。旋转动画效果设置具体如下：

view_animation.xml

<?xml version="1.0" encoding="utf-8"?> // 采用<alpha/> 标签表示是透明度动画 <alpha xmlns:android="http://schemas.android.com/apk/res/android" // 以下参数是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 // 插值器，即影响动画的播放速度,下面会详细讲 // 以下参数是透明度动画特有的属性 android:fromAlpha="1.0" // 动画开始时视图的透明度(取值范围: -1 ~ 1) android:toAlpha="0.0"// 动画结束时视图的透明度(取值范围: -1 ~ 1) />
  • 步骤3：在Java代码中创建Animation对象并播放动画

MainActivity.java

        Button mButton = (Button) findViewById(R.id.Button);
        // 步骤1:创建 需要设置动画的 视图View
        Animation alphaAnimation = AnimationUtils.loadAnimation(this, R.anim.view_animation);
        // 步骤2:创建 动画对象 并传入设置的动画效果xml文件
        mButton.startAnimation(alphaAnimation);
        // 步骤3:播放动画
  • 效果图
 
透明度从1-0，即从有 到 无

设置方法2：在 Java 代码中设置

        Button mButton = (Button) findViewById(R.id.Button);
        // 步骤1:创建 需要设置动画的 视图View

      Animation alphaAnimation = new AlphaAnimation(1,0); // 步骤2：创建透明度动画的对象 & 设置动画效果：透明度动画对应的Animation子类为AlphaAnimation // 参数说明: // 1. fromAlpha:动画开始时视图的透明度(取值范围: -1 ~ 1) // 2. toAlpha:动画结束时视图的透明度(取值范围: -1 ~ 1) alphaAnimation.setDuration(3000); // 固定属性的设置都是在其属性前加“set”，如setDuration（） mButton.startAnimation(alphaAnimation); // 步骤3：播放动画
  • 效果图
    与第一种设置方式是一样的。

4.5 组合动画

  • 上面讲的都是单个动画效果；而实际中很多需求都需要同时使用平移、缩放、旋转 & 透明度4种动画，即组合动画
  • 使用组合动画需要用到标签 < Set/>

Set 对于 Animation，就类似 View 对于 ViewGroup

  • 组合动画同样有XML 代码 / Java 代码两种设置方法,下面会详细说明

4.5.1 在XML 代码中设置

  • 步骤1：在路径 res/anim 的文件夹里创建动画效果 .xml 文件

此处为res/anim/view_animation.xml

  • 步骤2：组合动画的设置方法 同 单个动画设置。具体如下：

view_animation.xml

<?xml version="1.0" encoding="utf-8"?>
// 采用< Set/>标签
<set xmlns:android="http://schemas.android.com/apk/res/android"> // 组合动画同样具备公共属性 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 // 插值器，即影响动画的播放速度,下面会详细讲 // 组合动画独特的属性 android:shareinterpolator = “true” // 表示组合动画中的动画是否和集合共享同一个差值器 // 如果集合不指定插值器，那么子动画需要单独设置 // 组合动画播放时是全部动画同时开始 // 如果想不同动画不同时间开始就要使用android:startOffset属性来延迟单个动画播放时间 // 设置旋转动画，语法同单个动画 <rotate android:duration="1000" android:fromDegrees="0" android:toDegrees="360" android:pivotX="50%" android:pivotY="50%" android:repeatMode="restart" android:repeatCount="infinite" /> // 设置平移动画，语法同单个动画 <translate android:duration="10000" android:startOffset = “1000”// 延迟该动画播放时间 android:fromXDelta="-50%p" android:fromYDelta="0" android:toXDelta="50%p" android:toYDelta="0" /> // 设置透明度动画，语法同单个动画 <alpha android:startOffset="7000" android:duration="3000" android:fromAlpha="1.0" android:toAlpha="0.0" /> // 设置缩放动画，语法同单个动画 <scale android:startOffset="4000" android:duration="1000" android:fromXScale="1.0" android:fromYScale="1.0" android:pivotX="50%" android:pivotY="50%" android:toXScale="0.5" android:toYScale="0.5" /> // 特别注意： // 1. 在组合动画里scale缩放动画设置的repeatCount（重复播放）和fillBefore（播放完后，视图是否会停留在动画开始的状态）是无效的。 // 2. 所以如果需要重复播放或者回到原位的话需要在set标签里设置 // 3. 但是由于此处rotate旋转动画里已设置repeatCount为infinite，所以动画不会结束，也就看不到重播和回复原位 </set>
  • 步骤3：在Java代码中创建Animation对象并播放动画

MainActivity.java

Button mButton = (Button) findViewById(R.id.Button);
        // 步骤1:创建 需要设置动画的 视图View
        Animation translateAnimation = AnimationUtils.loadAnimation(this, R.anim.view_animation);
        // 步骤2:创建 动画对象 并传入设置的动画效果xml文件
        mButton.startAnimation(translateAnimation);
        // 步骤3:播放动画
  • 效果图
 
组合动画

4.5.2 在 Java 代码中设置


Button mButton = (Button) findViewById(R.id.Button);
        // 创建 需要设置动画的 视图View

        // 组合动画设置
        AnimationSet setAnimation = new AnimationSet(true); // 步骤1:创建组合动画对象(设置为true) // 步骤2:设置组合动画的属性 // 特别说明以下情况 // 因为在下面的旋转动画设置了无限循环(RepeatCount = INFINITE) // 所以动画不会结束，而是无限循环 // 所以组合动画的下面两行设置是无效的 setAnimation.setRepeatMode(Animation.RESTART); setAnimation.setRepeatCount(1);// 设置了循环一次,但无效 // 步骤3:逐个创建子动画(方式同单个动画创建方式,此处不作过多描述) // 子动画1:旋转动画 Animation rotate = new RotateAnimation(0,360,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f); rotate.setDuration(1000); rotate.setRepeatMode(Animation.RESTART); rotate.setRepeatCount(Animation.INFINITE); // 子动画2:平移动画 Animation translate = new TranslateAnimation(TranslateAnimation.RELATIVE_TO_PARENT,-0.5f, TranslateAnimation.RELATIVE_TO_PARENT,0.5f, TranslateAnimation.RELATIVE_TO_SELF,0 ,TranslateAnimation.RELATIVE_TO_SELF,0); translate.setDuration(10000); // 子动画3:透明度动画 Animation alpha = new AlphaAnimation(1,0); alpha.setDuration(3000); alpha.setStartOffset(7000); // 子动画4:缩放动画 Animation scale1 = new ScaleAnimation(1,0.5f,1,0.5f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f); scale1.setDuration(1000); scale1.setStartOffset(4000); // 步骤4:将创建的子动画添加到组合动画里 setAnimation.addAnimation(alpha); setAnimation.addAnimation(rotate); setAnimation.addAnimation(translate); setAnimation.addAnimation(scale1); mButton.startAnimation(setAnimation); // 步骤5:播放动画
  • 效果图
    与第一种设置方式是一样的。

5. 监听动画

  • Animation类通过监听动画开始 / 结束 / 重复时刻来进行一系列操作，如跳转页面等等
  • 通过在 Java 代码里setAnimationListener()方法设置
      Animation.addListener(new AnimatorListener() {
          @Override
          public void onAnimationStart(Animation animation) { //动画开始时执行 } @Override public void onAnimationRepeat(Animation animation) { //动画重复时执行 } @Override public void onAnimationCancel()(Animation animation) { //动画取消时执行 } @Override public void onAnimationEnd(Animation animation) { //动画结束时执行 } });

特别注意

若采取上述方法监听动画，每次监听都必须重写4个方法。

  • 背景：有些时候我们并不需要监听动画的所有时刻
  • 问题：但上述方式是必须需要重写4个时刻的方法，这显示太累赘
  • 解决方案：采用动画适配器AnimatorListenerAdapter，解决
    实现接口繁琐 的问题
  • 具体如下：
anim.addListener(new AnimatorListenerAdapter() {  
// 向addListener()方法中传入适配器对象AnimatorListenerAdapter()
// 由于AnimatorListenerAdapter中已经实现好每个接口
// 所以这里不实现全部方法也不会报错 @Override public void onAnimationStart(Animator animation) { // 如想只想监听动画开始时刻，就只需要单独重写该方法就可以 } });

6. 插值器 & 估值器

具体请看文章Android 动画：你真的会使用插值器与估值器吗？（含详细实例教学）

7. 应用场景

7.1 标准的动画效果

  • 补间动画常用于视图View的一些标准动画效果：平移、旋转、缩放 & 透明度；
  • 除了常规的动画使用，补间动画还有一些特殊的应用场景。

7.2 特殊的应用场景

  • Activity 的切换效果
  • Fragement 的切换效果
  • 视图组（ViewGroup）中子元素的出场效果

7.2.1 Activity 的切换效果

即 Activity 启动 / 退出时的动画效果。

a.启动动画
Intent intent = new Intent (this,Acvtivity.class);
startActivity(intent);
overridePendingTransition(R.anim.enter_anim,R.anim.exit_anim);
// 采用overridePendingTransition（int enterAnim, int exitAnim）进行设置
// enterAnim：从Activity a跳转到Activity b，进入b时的动画效果资源ID // exitAnim：从Activity a跳转到Activity b，离开a时的动画效果资源Id // 特别注意 // overridePendingTransition（）必须要在startActivity(intent)后被调用才能生效
b.退出动画
@Override
public void finish(){ super.finish(); overridePendingTransition(R.anim.enter_anim,R.anim.exit_anim); // 采用overridePendingTransition（int enterAnim, int exitAnim）进行设置 // enterAnim：从Activity a跳转到Activity b，进入b时的动画效果资源ID // exitAnim：从Activity a跳转到Activity b，离开a时的动画效果资源Id // 特别注意 // overridePendingTransition（）必须要在finish()后被调用才能生效 }

对于参数 enterAnim & exitAnim 的资源ID，系统有自带的效果android.R.anim.xxx，如下设置：

Intent intent = new Intent(MainActivity.this, SecActivity.class);
                startActivity(intent);
                // 淡入淡出的动画效果      
                overridePendingTransition(android.R.anim.fade_in, android.R.anim.fade_out);

               // 从左向右滑动的效果 overridePendingTransition(android.R.anim.slide_in_left, android.R.anim.slide_out_right);
 
淡入淡出.gif
 
向左向右滑动.gif

除了使用系统自带的切换效果，还可以自定义Activity的切换效果：

此处就用到补间动画了

a. 自定义 淡入淡出 效果

淡入淡出 效果是采用透明度动画（Alpha）。

fade_in.xml（淡入）

<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" > <alpha android:duration="1500" android:fromAlpha="0.0" android:toAlpha="1.0" /> </set>

fade_out.xml（淡出）

<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" > <alpha android:duration="1500" android:fromAlpha="1.0" android:toAlpha="0.0" /> </set>

在Java代码中设置

Intent intent = new Intent(MainActivity.this, SecActivity.class);
                startActivity(intent);
                // 自定义的淡入淡出动画效果      
                overridePendingTransition(R.anim.fade_in, R.anim.fade_out);

b. 自定义 左右滑动 效果

  • 左右滑动 效果是采用平移动画（Translate）
  • 先了解 Activity 的位置信息，如下图
 
位置信息

从上图可以看出：

  • 以屏幕底边为X轴，屏幕左边为Y轴；
  • 当Activity在X轴 = -100%p时，刚好完全超出屏幕到左边（位置1）
  • 当Activity在X轴 = 0%p时，刚好完全在屏幕内(位置2）
  • 当Activity在X轴 = 100%p时，刚好完全超出屏幕到右边（位置3）

下面自定义一个动画效果：从右滑到左
out_to_left.xml

从中间滑到左边，即从位置2 - 位置1

<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" > <translate android:duration="500" android:fromXDelta="0%p" android:toXDelta="-100%p" /> </set>

in_from_right.xml

从右边滑到中间，即从位置3 - 位置2

<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" > <translate android:duration="500" android:fromXDelta="100%p" android:toXDelta="0%p" /> </set>

在Java代码中设置效果

Intent intent = new Intent(MainActivity.this, SecActivity.class);
                startActivity(intent)

               // 自定义 从右向左滑动的效果
               overridePendingTransition(R.anim.in_from_right, R.anim.out_to_left);

效果图

 
自定义滑动.gif
  • 关于 缩放和旋转动画 作为Activity的动画效果也是类似的
  • 通过 想象力 能组合 上述4种基本动画 进行动画效果展示

即这种切换效果还能使用补间动画的组合动画

  • 此处仅列出较为简单的切换效果，如想实现更多酷炫的切换动画，请看文章

7.2.2 Fragment动画切换效果

系统自带的动画切换效果

FragmentTransaction fragmentTransaction = mFragmentManager
                .beginTransaction();

fragmentTransaction.setTransition(int transit)；
// 通过setTransition(int transit)进行设置
// transit参数说明
// 1. FragmentTransaction.TRANSIT_NONE：无动画 // 2. FragmentTransaction.TRANSIT_FRAGMENT_OPEN：标准的打开动画效果 // 3. FragmentTransaction.TRANSIT_FRAGMENT_CLOSE：标准的关闭动画效果 // 标准动画设置好后，在Fragment添加和移除的时候都会有。

自定义动画效果

// 采用`FragmentTransavtion`的 `setCustomAnimations（）`进行设置

FragmentTransaction fragmentTransaction = mFragmentManager
                .beginTransaction();

fragmentTransaction.setCustomAnimations(
                R.anim.in_from_right,
                R.anim.out_to_left);

// 此处的自定义动画效果同Activity，此处不再过多描述

7.2.3 视图组（ViewGroup）中子元素的出场效果

  • 视图组（ViewGroup）中子元素可以具备出场时的补间动画效果
  • 常用需求场景：为ListView的 item 设置出场动画
  • 使用步骤：

步骤1：设置子元素的出场动画

res/anim/view_animation.xml

<?xml version="1.0" encoding="utf-8"?> // 此处采用了组合动画 <set xmlns:android="http://schemas.android.com/apk/res/android" > android:duration="3000" <alpha android:duration="1500" android:fromAlpha="1.0" android:toAlpha="0.0" /> <translate android:fromXDelta="500" android:toXDelta="0" /> </set>

步骤2：设置 视图组（ViewGroup）的动画文件

res/ anim /anim_layout.xml

<?xml version="1.0" encoding="utf-8"?> // 采用LayoutAnimation标签 <layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android" android:delay="0.5" // 子元素开始动画的时间延迟 // 如子元素入场动画的时间总长设置为300ms // 那么 delay = "0.5" 表示每个子元素都会延迟150ms才会播放动画效果 // 第一个子元素延迟150ms播放入场效果；第二个延迟300ms，以此类推 android:animationOrder="normal" // 表示子元素动画的顺序 // 可设置属性为： // 1. normal ：顺序显示，即排在前面的子元素先播放入场动画 // 2. reverse：倒序显示，即排在后面的子元素先播放入场动画 // 3. random：随机播放入场动画 android:animation="@anim/view_animation" // 设置入场的具体动画效果 // 将步骤1的子元素出场动画设置到这里 />

步骤3：为视图组（ViewGroup）指定andorid:layoutAnimation属性
指定的方式有两种： XML / Java代码设置

方式1：在 XML 中指定

<?xml version="1.0" encoding="utf-8"?> <LinearLayout 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" android:background="#FFFFFF" android:orientation="vertical" > <ListView android:id="@+id/listView1" android:layoutAnimation="@anim/anim_layout" // 指定layoutAnimation属性用以指定子元素的入场动画 android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout>

方式2：在Java代码中指定

这样就不用额外设置res/ anim /anim_layout.xml该xml文件了

        ListView lv = (ListView) findViewById(R.id.listView1);

        Animation animation = AnimationUtils.loadAnimation(this,R.anim.anim_item);
         // 加载子元素的出场动画

        LayoutAnimationController controller = new LayoutAnimationController(animation);
        controller.setDelay(0.5f); controller.setOrder(LayoutAnimationController.ORDER_NORMAL); // 设置LayoutAnimation的属性 lv.setLayoutAnimation(controller); // 为ListView设置LayoutAnimation的属性

上述二者的效果是一样的。

实例效果

 
ListView出场动画效果图

至此，Android 动画中的补间动画的所有知识点都讲解完毕。



作者：Carson_Ho
链接：https://www.jianshu.com/p/733532041f46
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

转载于:https://www.cnblogs.com/Im-Victor/p/8759749.html

anzhenji7632
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
View动画-补间动画
Lud的博客
05-22 167
View动画的四种变换效果对应着Animation的四个子类：TranslateAnimation、ScaleAnimation、RotateAnimation和AlphaAnimation，如表7-1所示。这四种动画既可以通过XML来定义，也可以通过代码来动态创建，对于View动画来说，建议采用XML来定义动画，这是因为XML格式的动画可读性更好。 要使用View动画，首先要创建动画的XML文...
android view动画 补间,Android动画之View（补间）动画和帧动画
weixin_34556808的博客
05-25 137
补间动画(Tween Animator)补间动画作用的对象就是View，所以也叫View动画，它仅支持四种效果：平移，缩放，旋转，淡入淡出。他们分别对应Animator的四个子类：TranslateAnimator，ScaleAnimator，RotateAnimator，AlphaAnimator。这四种动画可以通过XML或者代码的形式创建。XML创建时，要放在res/anim/XXX.xml，...
Android动画(一)：View动画(补间动画)
Afanbaby的博客
08-07 2545
一、动画的简单介绍： 在Android项目的开发过程中，如果某些控件或者界面突然的出现或者消失，会造成分厂差的用户体验。所以我们需要为特定的控件或者界面添加一些动画效果.二、分类：View动画(补间动画)、帧动画、属性动画.三、详细介绍： ①View动画(补间动画)：通过对场景里的对象不断做图像变换(平移、缩放、旋转、透明度)，而产生动画效果，是一种渐进的动画，还可以自定义。②帧动画：也是Vie
Android 动画之补间动画(View Animation)
xujian197的博客
10-19 1831
Android 中补间动画包括下面四种: 1.透明度动画 (AlphaAnimation) 2.缩放动画 (ScaleAnimation) 3.平移动画 (TranslateAnimation) 4.旋转动画 (RotateAnimation) 补间动画是专门针对View 的。只能应用于View。 具体使用 AlphaAnimation 补间动画可以使用Java代码创建也可以使用...
Android帧动画、补间动画、属性动画用法详解
09-01
安卓的三种动画，帧动画，补间动画，属性动画，大家了解多少，知道如何使用吗？本文就为大家简单介绍Android帧动画、补间动画、属性动画的使用方法，需要的朋友可以参考下
Android程序技术：动画补间动画.pptx
05-24
View动画的四种基本效果对应了四个Animation的子类，如图所示：;平移动画标签使用的子类名称为TranslateAnimation，实现的效果是平行移动整个View。 缩放动画标签，使用的子类名称为ScaleAnimation，实现的效果是...
android动画之帧动画（drawable animation）和补间动画（view animation）
12-28
基本的太阳地球月亮模型，地球围绕太阳转，月球围绕地球转
view和viewGroup的区别以及属性动画和补间动画的区别
10-13
最近项目开发的时候遇到了两个功能点：1是view和viewGroup的区别，另外一个是属性动画和补间动画的区别，我写了一个简单例子上传到这和大家交流学习
Android补间动画(View Animation,Tweened Animation)
James_shu的博客
06-24 464
补间动画主要有4种,分别是透明，旋转，缩放和位移.这里为了方便测试，直接定义4个按钮和一个ImageView来测试4种效果 一:透明(alpha): //透明的动画 public void click1(View v){ AlphaAnimation aa=new AlphaAnimation(1.0f,0.0f); aa.setDuration(2000)
Carson带你学Android：这是一份全面&详细的WebView学习攻略
Carson带你学Android
09-09 2732
前言 现在很多App里都内置了Web网页（Hybrid App），比如说很多电商平台，淘宝、京东、聚划算等等，如下图 那么这种该如何实现呢？其实这是Android里一个叫WebView组件实现 今天，我将献上一份全面 & 详细的 WebView攻略，含具体介绍、使用教程、与前端JS交互、缓存机制构建等等，希望您们会喜欢。 Carson带你学WebView系列文章 Carson带你学Android：这是一份全面&详细的WebView学习攻略 Carson带你学Andro..
View补间动画Animation运行原理
网鱼的栈
06-22 1340
先上大料: View 动画 Animation 运行原理解析 Android动画原理分析 看完以上两篇文章,基本上就可以理清补间动画的实现原理了. 基本流程如下: 1,使用View.startAnimation()开启一个动画,在这个方法里面初始化了animation,并且执行了invalidate方法,这个是进入视图绘制流程的起点. 2,一旦执行了view的invalidate,那么...
Carson带你Android：这是一篇全面&详细的属性动画学习指南
转载和创作优秀的博客
04-19 189
前言 属性动画的使用 是 Android 开发中常用的知识 本文将献上一份全面 & 详细的属性动画学习指南，将详细介绍属性动画的所有内容，包括：意义、作用、应用场景、功原理 & 具体使用等，希望你们会喜欢。 目录 1. 出现的意义 Android一开始提供了视图动画，即补间动画跟逐帧动画。但视图动画存在三个问题： 为了弥补视图动画的缺陷，于是Android在3.0(API 11)开始提供了一种全新的动画模式：属性动画(Property Animation)。 2.
Carson带你学Android：这是一份全面 & 详细的补间动画学习指南
Carson带你学Android
06-01 2万+
前言 动画的使用 是 Android 开发中常用的知识 可是动画的种类繁多、使用复杂，每当需要 采用自定义动画 实现 复杂的动画效果时，很多开发者就显得束手无策 本文将详细介绍 Android 动画中 补间动画的原理 & 使用 学习Android 动画最好先了解：自定义View的原理，请参考我写的文章： （1）自定义View基础 - 最易懂的自定义View原理系列 （2）自定义View Meas
Android：这是一份全面 & 详细的RecylerView学习攻略
weixin_45365889的博客
08-28 395
前言 RecylerView在Android开发中十分常见 今天，我将为大家带来RecylerView的全面介绍，包括其定义、特点、具体使用等，希望你们会喜欢。 目录 1. 简介 定义Google用于代替ListView的滑动组件 特点：功能更强大、支持定制样式更丰富、扩展性更高 2. 与ListView对比 2.1 优点 示意图 mRecyclerV...
Carson带你学Android：请收好这一份全面&详细的Android学习指南
Carson带你学Android
05-05 1万+
以自身的经验 & 所见所闻，旨在告诉大家，针对Android，需要学习什么知识、怎么学习 & 怎么应用到实际项目中，希望你们会喜欢。
Carson带你学Android：这是一份详细的 Retrofit使用教程（含实例讲解）
热门推荐
Carson带你学Android
06-26 24万+
前言 在Andrroid开发中，网络请求十分常用 而在Android网络请求库中，Retrofit是当下最热的一个网络请求库 今天，我将献上一份非常详细Retrofit v2.0的使用教程，希望你们会喜欢。 如果对Retrofit v2.0的源码感兴趣，可看文章：Android：手把手带你深入剖析 Retrofit 2.0 源码 目录![目录](http://upload-
Carson带你学Android：手把手教你写一个完整的自定义View
Carson带你学Android
03-14 4万+
前言 自定义View是Android开发者必须了解的基础 今天，我将手把手教你写一个自定义View，并理清自定义View所有应该的注意点 阅读本文前，请先阅读我写的一系列自定义View文章 自定义View基础 - 最易懂的自定义View原理系列（1） 自定义View Measure过程 - 最易懂的自定义View原理系列（2） 自定义View Layout过程 - 最易懂的
Carson带你学Android：这是一份全面 & 详细的Kotlin入门学习指南
Carson带你学Android
07-23 2万+
今天，我将献上一份 《全面 & 详细的Kotlin入门学习指南》，包括定义特点、配置使用、入门语法等，希望你们会喜欢。
补间动画Android
最新发布
10-04
补间动画（Tween Animation）是一种在Android开发中常用的动画效果。通过补间动画，开发者可以指定动画的开始和结束状态，而系统会自动计算中间的过渡帧，从而实现动画效果。 补间动画包括以下几种类型： 1. 透明度...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值