1. 程式人生 > >android 動畫xml屬性具體解釋

android 動畫xml屬性具體解釋

rotate oat 向上 四種 art 無線循環 java代碼 erp toys

/**      
* 作者:crazyandcoder      
* 聯系:      
*      QQ   : 275137657      
*      email: [email protected]      
* 轉載請註明出處!

*/


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屬性具體解釋