android 动画xml属性具体解释

转载

mb5fdcad8719a20 2017-06-14 18:56:00

文章标签 android xml 动画效果缩放缩放比例 文章分类 Android 移动开发

/**      
* 作者：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 尺寸收缩渐变的动画效果

android 动画xml属性具体解释_android_02

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 画面转移旋转动画效果

android 动画xml属性具体解释_xml_04

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>

效果为：

android 动画xml属性具体解释_动画效果_07