首页 > 代码库 > android 动画xml属性具体解释

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 动画持续的时间


android 动画xml属性具体解释