android 动画xml属性具体解释

/**
* 作者：crazyandcoder
* 联系：
*      QQ   : 275137657
*      email: lijiwork@sina.com
* 转载请注明出处！

*/

android 动画属性具体解释

android中的动画属性主要分为四种，各自是alpha、scale、translate、rotate。我们如今来具体了解一下各个类型的意思。然后依据项目的需求要定义自己的动画。

alpha 透明度渐变的动画效果
scale 尺寸收缩渐变的动画效果
translate 画面转换位置的动画效果
rotate 画面转移旋转动画效果

载入动画我们能够通过两种方式，一种是xml布局的方式，还有一种就是纯的java代码方式。两种方式各有优势。依据须要能够自己选择。首先我们来看下xml的方式定义动画属性，须要在res文件夹下新建一个文件夹anim，详细的路径为res/anim，里面新建一个img_anim.xml文件。

<?xml version="1.0" encoding="utf-8"?

>
<set>

<alpha />

<rotate />

<scale />

<translate />

</set>

接下来我们分别了解当中的每一个属性的内容：

Alpha 透明度渐变的动画效果



fromAlpha 动画開始时的透明度， 0.0~1.0之间的float类型的数字，0.0代表全然透明，1.0代表不透明
toAlpha 动画结束时的透明度，同上
interpolator 动画的显示速度，能够有加速、匀速等状态。
duration 动画持续的时间

Scale 尺寸收缩渐变的动画效果



fromYScale 代表起点Y方向上相对于自身的缩放比例。0.5缩小一半，1.0无变化，2.0放大一倍
fromXScale 代表起点X方向上相对于自身的缩放比例。
toXScale、toYScale与上面相对。代表结束时的x、y方向上的缩放比例
pivotX，pivotY代表缩放的中心点x、y位置，

简单的来看一个实例：从图像中心点開始，初始图像xy方向缩放为原图的一半，然后放大到原来的2倍。缩放过程期间持续5秒钟。代码为：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

<scale
android:duration="5000"
android:fromXScale="0.1"
android:fromYScale="0.1"
android:pivotX="0.5"
android:pivotY="0.5"
android:repeatCount="55"
android:toXScale="2.0"
android:toYScale="2.0" />

</set>

能够看到这仅仅狗有小到大的变化过程，因为是在手机里面模拟动画的，所以缩放过程不是非常平滑，建议真机測试，效果更佳。

Rotate 画面转移旋转动画效果



fromDegrees 从初始的角度開始旋转，单位为“ ° ”
toDegrees 结束时的度数

我们能够模拟一下载入进度的动画，仅仅须要一张图片，然后以它的中心点进行旋转。就可以。

<?

xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

<rotate
android:duration="500"
android:fromDegrees="0"
android:pivotX="50%"
android:interpolator="@android:anim/linear_interpolator"
android:pivotY="50%"
android:repeatCount="-1"
android:toDegrees="360" />

</set>

主类文件代码：

package com.example.animationsdemo;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;

public class MainActivity extends Activity {

private ImageView mImgAnim;
private Animation mAnimation;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

mImgAnim=(ImageView)findViewById(R.id.img_anim);
mAnimation=AnimationUtils.loadAnimation(this, R.anim.img_anim);
mImgAnim.startAnimation(mAnimation);

}

}

实现结果演示：



因为是模拟器的缘故，再加上转化为gif格式的所以中间有点卡顿的现象。建议直接真机測试。

Translate 画面转换位置的动画效果





fromXDelta 代表起始方向上x的位置
fromYDelta 代表起始方向上y的位置
toXDelta 代表结束时方向上x的位置
toYDelta 代表结束时方向上y的位置

我们来实现一个水平移动的动画

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

<translate
android:duration="3000"
android:fromXDelta="0%"
android:fromYDelta="0%"
android:repeatCount="-1"
android:toXDelta="200%"
android:toYDelta="0%" />

</set>

效果为：



公共的属性：

repeatCount 动画反复的次数，-1代表无线循环
fillAfter 假设设置为true的话动画结束后就停止，保持动画结束时的状态。
duration 动画持续的时间