Animation 动画

最新推荐文章于 2024-11-10 13:55:52 发布

丶9527丶

最新推荐文章于 2024-11-10 13:55:52 发布

阅读量473

点赞数

分类专栏： android 动画文章标签： android 动画

android 动画专栏收录该内容

6 篇文章 0 订阅

订阅专栏

代码生成 alpha、scale、translate、rotate、set 及插值器动画

一、概述

前两篇，我为大家讲述了利用 XML 来定义动画及插值器，但在代码中，我们常常是动态生成动画的，所以，这篇将为大家讲述如何用代码生成动态生成动画及插值器。

先简单写出各个标签对应的类，方便大家理解：

scale —— ScaleAnimation
alpha —— AlphaAnimation
rotate —— RotateAnimation
translate —— TranslateAnimation
set —— AnimationSet

二、Animation 公共类

官方 SDK 讲解页面为：《RotateAnimation》

Rotate 标签所具有的 XML 属性有：

android:fromDegrees 开始旋转的角度位置，正值代表顺时针方向度数，负值代码逆时针方向度数
android:toDegrees 结束时旋转到的角度位置，正值代表顺时针方向度数，负值代码逆时针方向度数
android:pivotX 缩放起点 X 轴坐标，可以是数值、百分数、百分数 p 三种样式，比如 50、50%、50%p，具体意义已在 scale 标签中讲述，这里就不再重讲
android:pivotY 缩放起点 Y 轴坐标，可以是数值、百分数、百分数 p 三种样式，比如 50、50%、50%p 对应的构造函数有：
RotateAnimation(Context context, AttributeSet attrs)　　从本地 XML 文档加载动画，同样，基本不用
RotateAnimation(float fromDegrees, float toDegrees)
RotateAnimation(float fromDegrees, float toDegrees, float pivotX, float pivotY)
RotateAnimation(float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue) RotateAnimation 跟 ScaleAnimation 差不多，关键问题同样是 pivotXType 和 pivotYType 的选择，同样有三个取值：Animation.ABSOLUTE、Animation.RELATIVE_TO_SELF 和 Animation.RELATIVE_TO_PARENT；

根据每一篇中的 XML 写出对应的 JAVA 构造代码：

XML 为：

<?xml version="1.0" encoding="utf-8"?>  
<rotate xmlns:android="http://schemas.android.com/apk/res/android"  
    android:fromDegrees="0"  
    android:toDegrees="-650"  
    android:pivotX="50%"  
    android:pivotY="50%"  
    android:duration="3000"  
    android:fillAfter="true">  

</rotate>

对应 JAVA 构造代码为：

rotateAnim = new RotateAnimation(0, -650, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);  
rotateAnim.setDuration(3000);  
rotateAnim.setFillAfter(true);

六、TranslateAnimation

很显示 TranslateAnimation 类对应 translate 标签，它的 SDK 官方文档地址为：《TranslateAnimation》 translate 标签所具有的属性为：

android:fromXDelta 起始点 X 轴坐标，可以是数值、百分数、百分数 p 三种样式，比如 50、50%、50%p，具体意义已在 scale 标签中讲述，这里就不再重讲
android:fromYDelta 起始点 Y 轴从标，可以是数值、百分数、百分数 p 三种样式；
android:toXDelta 结束点 X 轴坐标
android:toYDelta 结束点 Y 轴坐标这些属性所对应的构造函数为：
TranslateAnimation(Context context, AttributeSet attrs) 同样，基本不用
TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)
TranslateAnimation(int fromXType, float fromXValue, int toXType, float toXValue, int fromYType, float fromYValue, int toYType, float toYValue) 由于 fromXDelta、fromYDelta、toXDelta、toYDelta 这三个属性都具有三种状态，所以在构造函数中，最理想的状态就是第三个构造函数，能够指定每个值的类型，第二个构造函数：TranslateAnimation (float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)使用是绝对数值。只有最后一个构造函数可以指定百分数和相对父控件的百分数。

下面以第一篇中的 XML 代码为例，用 JAVA 代码构造同样的效果：

XML 代码：

<?xml version="1.0" encoding="utf-8"?>  
<translate xmlns:android="http://schemas.android.com/apk/res/android"  
    android:fromXDelta="0"   
    android:toXDelta="-80"  
    android:fromYDelta="0"  
    android:toYDelta="-80"  
    android:duration="2000"  
    android:fillBefore="true">  
</translate>

对应的 JAVA 代码为：

translateAnim = new TranslateAnimation(Animation.ABSOLUTE, 0, Animation.ABSOLUTE, -80,   
        Animation.ABSOLUTE, 0, Animation.ABSOLUTE, -80);  
translateAnim.setDuration(2000);  
translateAnim.setFillBefore(true);

七：AnimationSet

AnimationSet 类对应 set 标签，定义动作类的集合，对应的 SDK 文档地址为：《Animation Resources》中的 Interpolators 部分；

插值器 XML 属性及对应的类如下表所示：

使用方法：（为 sacleAnimation 增加 bounce 插值器）

ScaleAnimation interpolateScaleAnim=new ScaleAnimation(0.0f,1.4f,0.0f,1.4f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);  
interpolateScaleAnim.setInterpolator(new BounceInterpolator());  
interpolateScaleAnim.setDuration(3000);