/**
* 作者: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 动画持续的时间