Android開發之幀動畫

YungFan發表於2017-12-13
Android動畫
Android動畫主要分為3種

何為幀動畫？

幀動畫最簡單，通過順序播放一系列的影象產生動畫，有點類似動畫片

以會說話的Tom貓案例來講解

1、首先準備好一組圖片(網上找的現成的一組圖片)，然後定義一個AnimationDrawable，命名為ani.xml，按照圖片順序排好，如下:

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="true">
    <item android:drawable="@drawable/background" android:duration="100"></item>
    <item android:drawable="@drawable/poke_belly_right_0001" android:duration="100"/>
    <item android:drawable="@drawable/poke_belly_right_0002" android:duration="100"/>
    <item android:drawable="@drawable/poke_belly_right_0003" android:duration="100"/>
    <item android:drawable="@drawable/poke_belly_right_0004" android:duration="100"/>
    <item android:drawable="@drawable/poke_belly_right_0005" android:duration="100"/>
    <item android:drawable="@drawable/poke_belly_right_0006" android:duration="100"/>
    <item android:drawable="@drawable/poke_belly_right_0007" android:duration="100"/>
    <item android:drawable="@drawable/poke_belly_right_0008" android:duration="100"/>
    <item android:drawable="@drawable/background" android:duration="100"></item>
</animation-list>
複製程式碼

2、將上述的Drawable作為ImageView的背景

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/ani" />

</RelativeLayout>
複製程式碼

3、通過AnimationDrawable 來播放動畫，這裡設定點選背景時觸發動畫，程式碼很簡單，就沒有加註釋了

public class MainActivity extends Activity
{

	@Override
	public void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		ImageView imageView = (ImageView) findViewById(R.id.imageView1);

		final AnimationDrawable background = (AnimationDrawable) imageView
				.getBackground();
		imageView.setOnClickListener(new OnClickListener()
		{

			public void onClick(View v)
			{
				background.start();
			}
		});
	}

}

複製程式碼

4、執行測試

幀動畫.gif

5、注意點

幀動畫雖然比較簡單，但由於都是圖片連續播放形成的，在圖片比較多且較大的時候，容易引起OOM，所以需要謹慎選擇。

相關文章