Android游戲開(kāi)發(fā)之使用AnimationDrable實(shí)現(xiàn)Frame動(dòng)畫(huà)（三十一）

A罩杯 · 發(fā)表于 2013-8-28 16:28

Android開(kāi)發(fā)中在制作2D幀動(dòng)畫(huà)中提供了使用XML配置動(dòng)畫(huà)文件的方式繪制，也就是說(shuō)Android底層提供了動(dòng)畫(huà)播放的接口，那么我們分析一下如何調(diào)用它的接口來(lái)繪制動(dòng)畫(huà)。首先在工程res資源文件夾下創(chuàng)建anim動(dòng)畫(huà)文件夾，在這個(gè)文件夾中建立一個(gè)animation.xml文件，這樣它的路徑就為re/anim/animation.xml。

看看內(nèi)容應(yīng)該是很好理解的，<animation-list>為動(dòng)畫(huà)的總標(biāo)簽，這里面放著幀動(dòng)畫(huà) <item>標(biāo)簽，也就是說(shuō)若干<item>標(biāo)簽的幀組合在一起就是幀動(dòng)畫(huà)了。<animation-list > 標(biāo)簽中android:oneshot="false" 這是一個(gè)非常重要的屬性，默認(rèn)為false 表示動(dòng)畫(huà)循環(huán)播放，如果這里寫(xiě)true 則表示動(dòng)畫(huà)只播發(fā)一次。 <item>標(biāo)簽中記錄著每一幀的信息android:drawable="@drawable/a"表示這一幀用的圖片為"a"，下面以此類(lèi)推。 android:duration="100" 表示這一幀持續(xù)100毫秒，可以根據(jù)這個(gè)值來(lái)調(diào)節(jié)動(dòng)畫(huà)播放的速度。

<animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false">
  <item android:drawable="@drawable/a" android:duration="100" />
  <item android:drawable="@drawable/b" android:duration="100" />
  <item android:drawable="@drawable/c" android:duration="100" />
  <item android:drawable="@drawable/d" android:duration="100" />
  <item android:drawable="@drawable/e" android:duration="100" />
  <item android:drawable="@drawable/f" android:duration="100" />
  <item android:drawable="@drawable/g" android:duration="100" />
  <item android:drawable="@drawable/h" android:duration="100" />
  <item android:drawable="@drawable/i" android:duration="100" />
  <item android:drawable="@drawable/j" android:duration="100" />
  </animation-list>

復(fù)制代碼

下面這個(gè)例子的內(nèi)容為播放動(dòng)畫(huà) 與關(guān)閉動(dòng)畫(huà) 、設(shè)置播放類(lèi)型單次還是循環(huán)、拖動(dòng)進(jìn)度條修改動(dòng)畫(huà)的透明度，廢話不多說(shuō)直接進(jìn)正題~~

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<LinearLayout
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
<Button
android:id="@+id/button0"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="播放動(dòng)畫(huà)"
/>

  <Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="停止動(dòng)畫(huà)"
/>
</LinearLayout>

<RadioGroup android:id="@+id/radiogroup"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:orientation="horizontal">
<RadioButton
         android:id="@+id/checkbox0"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:checked="true"
         android:text="單次播放"
/>
  <RadioButton
         android:id="@+id/checkbox1"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="循環(huán)播放"
/>
</RadioGroup>

<TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="拖動(dòng)進(jìn)度條修改透明度(0 - 255)之間"
      />
  <SeekBar
      android:id="@+id/seekBar"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:max="256"
      android:progress="256"/>
  <ImageView
android:id="@+id/imageView"
android:background="@anim/animation"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</LinearLayout>

復(fù)制代碼

這是一個(gè)比較簡(jiǎn)單的布局文件，應(yīng)該都能看懂吧。我主要說(shuō)一下最后的這個(gè) ImageView，它就是用來(lái)顯示我們的動(dòng)畫(huà)。這里使用android:background="@anim/animation"設(shè)置這個(gè)ImageView現(xiàn)實(shí)的背景為一個(gè)動(dòng)畫(huà)，動(dòng)畫(huà)資源的路徑為res/anim/animation.xml ，當(dāng)然設(shè)置background同樣也可以在代碼中設(shè)置。

imageView.setBackgroundResource(R.anim.animation);

復(fù)制代碼

通過(guò)getBackground方法就可以拿到這個(gè)animationDrawable對(duì)象。

      /**拿到ImageView對(duì)象**/
      imageView = (ImageView)findViewById(R.id.imageView);
      /**通過(guò)ImageView對(duì)象拿到背景顯示的AnimationDrawable**/
      animationDrawable = (AnimationDrawable) imageView.getBackground();

復(fù)制代碼

AnimationDrawable 就是用來(lái)控制這個(gè)幀動(dòng)畫(huà)，這個(gè)類(lèi)中提供了很多方法。

animationDrawable.start(); 開(kāi)始這個(gè)動(dòng)畫(huà)
animationDrawable.stop(); 結(jié)束這個(gè)動(dòng)畫(huà)
animationDrawable.setAlpha(100);設(shè)置動(dòng)畫(huà)的透明度, 取值范圍(0 - 255)
animationDrawable.setOneShot(true); 設(shè)置單次播放
animationDrawable.setOneShot(false); 設(shè)置循環(huán)播放
animationDrawable.isRunning(); 判斷動(dòng)畫(huà)是否正在播放
animationDrawable.getNumberOfFrames(); 得到動(dòng)畫(huà)的幀數(shù)。

將這個(gè)例子的完整代碼貼上

import android.app.Activity;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.SeekBar;
import android.widget.SeekBar.OnSeekBarChangeListener;

public class SimpleActivity extends Activity {

/**播放動(dòng)畫(huà)按鈕**/
Button button0 = null;

/**停止動(dòng)畫(huà)按鈕**/
Button button1 = null;

/**設(shè)置動(dòng)畫(huà)循環(huán)選擇框**/
RadioButton radioButton0= null;
RadioButton radioButton1= null;
RadioGroup  radioGroup = null;

/**拖動(dòng)圖片修改Alpha值**/
SeekBar seekbar = null;

/**繪制動(dòng)畫(huà)View**/
ImageView imageView = null;

/**繪制動(dòng)畫(huà)對(duì)象**/
AnimationDrawable animationDrawable = null;
@Override
public void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.simple);

      /**拿到ImageView對(duì)象**/
      imageView = (ImageView)findViewById(R.id.imageView);
      /**通過(guò)ImageView對(duì)象拿到背景顯示的AnimationDrawable**/
      animationDrawable = (AnimationDrawable) imageView.getBackground();


      /**開(kāi)始播放動(dòng)畫(huà)**/
      button0 = (Button)findViewById(R.id.button0);
      button0.setOnClickListener(new OnClickListener() {

         @Override
         public void onClick(View arg0) {
            /**播放動(dòng)畫(huà)**/
            if(!animationDrawable.isRunning()) {
                  animationDrawable.start();
            }
         }
      });

      /**停止播放動(dòng)畫(huà)**/
      button1 = (Button)findViewById(R.id.button1);
      button1.setOnClickListener(new OnClickListener() {

         @Override
         public void onClick(View arg0) {
            /**停止動(dòng)畫(huà)**/
            if(animationDrawable.isRunning()) {
                  animationDrawable.stop();
            }
         }
      });
      /**單次播放**/
      radioButton0 = (RadioButton)findViewById(R.id.checkbox0);
      /**循環(huán)播放**/
      radioButton1 = (RadioButton)findViewById(R.id.checkbox1);
      /**單選列表組**/
      radioGroup = (RadioGroup)findViewById(R.id.radiogroup);
      radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {

         @Override
         public void onCheckedChanged(RadioGroup radioGroup, int checkID) {
            if(checkID == radioButton0.getId()) {
                  //設(shè)置單次播放
                  animationDrawable.setOneShot(true);
            }else if (checkID == radioButton1.getId()) {
                  //設(shè)置循環(huán)播放
                  animationDrawable.setOneShot(false);
            }

            //發(fā)生改變后讓動(dòng)畫(huà)重新播放
            animationDrawable.stop();
            animationDrawable.start();
         }
      });

      /**監(jiān)聽(tīng)的進(jìn)度條修改透明度**/
      seekbar = (SeekBar)findViewById(R.id.seekBar);
      seekbar.setOnSeekBarChangeListener(new OnSeekBarChangeListener() {
         @Override
         public void onStopTrackingTouch(SeekBar seekBar) {

         }
         @Override
         public void onStartTrackingTouch(SeekBar seekBar) {

         }
         @Override
         public void onProgressChanged(SeekBar seekBar, int progress, boolean frameTouch) {
            /**設(shè)置動(dòng)畫(huà)Alpha值**/
            animationDrawable.setAlpha(progress);
            /**通知imageView 刷新屏幕**/
            imageView.postInvalidate();
         }
      });

}
}

復(fù)制代碼

拖動(dòng)進(jìn)度條設(shè)置Alpha值的時(shí)候一定要使用 imageView.postInvalidate(); 方法來(lái)通知UI線程重繪屏幕中的imageView 否則會(huì)看不到透明的效果。這里切記切記~~

總的來(lái)說(shuō)這章內(nèi)容還是比較簡(jiǎn)單的。老規(guī)矩每篇文章都會(huì)附帶源代碼，最后如果你還是覺(jué)得我寫(xiě)的不夠詳細(xì) 看的不夠爽不要緊我把源代碼的下載地址貼出來(lái) 歡迎大家一起討論學(xué)習(xí)第三十一講 fram游戲動(dòng)畫(huà).rar(255.38 KB, 下載次數(shù): 378)[/I]2011-9-6 20:36 上傳點(diǎn)擊文件名下載積分: 下載豆 -2

› 智能家居 / NAS / 路由 / 開(kāi)發(fā) / 音響 › TV應(yīng)用開(kāi)發(fā)交流

Android游戲開(kāi)發(fā)之使用AnimationDrable實(shí)現(xiàn)Frame動(dòng)畫(huà)（ ...

Android游戲開(kāi)發(fā)之使用AnimationDrable實(shí)現(xiàn)Frame動(dòng)畫(huà)（三十一）