Android教程網 >> Android技術 >> 關於Android編程 >> Android動畫之一：Drawable Animation

Android動畫之一：Drawable Animation

編輯：關於Android編程

准備寫幾篇博客講解Android的動畫，首先介紹Android動畫的整體輪廓。

Android動畫主要分為三大類

View Animation
Drawable AnimationProperty Animation 其中Drawable Animations對大多數人來說是三者中最容易理解的，其實它就是很多書籍中提到的逐幀動畫(frame-by-frame animation)。而Property Animation和View Animation是相對比較容易混淆的，下面先講解二者的區別。 View Animation有兩個缺點：（1）View Animation一般只能修改組件（View Object）的部分屬性,比如：scaling(大小)和rotation(旋轉)，但是無法修改組件的背景顏色。（2）View Animation使某個組件產生動畫效果移動一段距離後，比如從屏幕左側移動到右側，其實整個過程是繪制出來的效果，該組件真正的位置依然保留在左側，只有點擊左側位置才能觸發該組件。所以想真正移動某組件，需要在動畫結束後添加代碼實現。
Property Animation則沒有以上View Animation的兩個限制，Property Animation可以修改任何對象（View Object 或者 non-view Object）的任何屬性，比如大小，旋轉，顏色。並且，移動後的組件，位置也回跟隨著改變。
Android官網推薦使用Property Animation，但是View Animation也有其優點：使用方便簡單，所以當View Animation能方便快速地解決需求時，選擇它也是不錯的選擇。
以上我們對Android動畫有了一個整體的認識，接下來循序漸進，先介紹最容易學習的Drawable Animation。如上面所說，Drawable Animation是逐幀動畫，那麼使用它之前必須先定義好各個幀。我們可以通過代碼定義，也可以使用xml文件定義，一般使用後者。如下：

其中android:oneshot=“true”表示該動畫只播放一次，等於false時則循環播放。標簽定義各個幀顯示的圖片。顯示順序依照定義順序。下面介紹一個實際場景，即平時我們常見的加載界面，界面布局中只有一個居中的ImageView，比較簡單，布局文件就不列出了。相對重要的是，我們需要定義一個xml文件描述各個幀，如下：
DrawableAnimationDemo\res\drawable\loading.xml

以上xml文件與前面一個xml文件不大同，多了一個標簽，該標簽用法很簡單，內包含的圖片將層疊起來，在同一幀中一起顯示。如下：

再看主界面的activity文件，如下：
DrawableAnimationDemo\src\com\example\drawableanimationdemo\MainActivity.java

public class MainActivity extends Activity {
	
	private AnimationDrawable loadingAnimation;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main);
		//將該逐幀xml文件設置為ImageView的背景
		ImageView loadingImg = (ImageView) findViewById(R.id.loading);
		loadingImg.setBackgroundResource(R.drawable.loading);
		loadingAnimation = (AnimationDrawable) loadingImg.getBackground();
	}

	/**
	 * 觸摸屏幕，結束動畫
	 */
	public boolean onTouchEvent(MotionEvent event) {
		if (event.getAction() == MotionEvent.ACTION_DOWN) {
			loadingAnimation.stop();
			return true;
		}
		return super.onTouchEvent(event);
	}

	/**
	 * activity顯示到屏幕則開啟動畫
	 */
	@Override
	public void onWindowFocusChanged(boolean hasFocus) {
		// TODO Auto-generated method stub
		super.onWindowFocusChanged(hasFocus);
		if (hasFocus)
			loadingAnimation.start();
	}

}

效果圖如下，其中圖片素材取材於OSchina的開源項目。 n峨n稖?夥*'
窔掂'奻瓓壝nWx亘?诹﹀x橹妛h繸豪xu?曟?∷琻半k洉?奻瓓壼喎?/ym/

源碼免費下載。
博客源碼

關於Android編程

Android編程入門 Android技術基礎 Android資訊關於Android編程 Android開發 Android開發環境 Android開發實例

相關文章