android 動畫xml屬性具體解釋
/** * 作者: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位置,
<?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屬性具體解釋