Android 用Animation-list實現逐幀動畫 (轉載)

來源:互聯網
上載者:User

標籤:

轉自:http://blog.csdn.net/aminfo/article/details/7847761

 

第一步:先片素材,以下素材放到res/drawable目錄下:

http://blog.csdn.net/aminfo/article/details/7847761

圖片素材:                                     

檔案名稱:icon1.png      icon2.png       icon3.png        icon4.png       icon5.png      icon6.png

 

第二步:上動畫Animation-list幀布局檔案,有2個,一個是按順序顯示動畫,一個是倒序顯示動畫,檔案存放在res/drawable目錄下

 

順序顯示動畫檔案:animation1.xml

    <?xml version="1.0" encoding="utf-8"?>      <!--           根標籤為animation-list,其中oneshot代表著是否只展示一遍,設定為false會不停的迴圈播放動畫          根標籤下,通過item標籤對動畫中的每一個圖片進行聲明          android:duration 表示展示所用的該圖片的時間長度       -->      <animation-list        xmlns:android="http://schemas.android.com/apk/res/android"        android:oneshot="true"        >          <item android:drawable="@drawable/icon1" android:duration="150"></item>          <item android:drawable="@drawable/icon2" android:duration="150"></item>          <item android:drawable="@drawable/icon3" android:duration="150"></item>          <item android:drawable="@drawable/icon4" android:duration="150"></item>          <item android:drawable="@drawable/icon5" android:duration="150"></item>          <item android:drawable="@drawable/icon6" android:duration="150"></item>      </animation-list>  

倒序顯示動畫檔案:animation2.xml

    <?xml version="1.0" encoding="utf-8"?>      <!--           根標籤為animation-list,其中oneshot代表著是否只展示一遍,設定為false會不停的迴圈播放動畫          根標籤下,通過item標籤對動畫中的每一個圖片進行聲明          android:duration 表示展示所用的該圖片的時間長度       -->      <animation-list        xmlns:android="http://schemas.android.com/apk/res/android"        android:oneshot="true"        >          <item android:drawable="@drawable/icon6" android:duration="150"></item>          <item android:drawable="@drawable/icon5" android:duration="150"></item>          <item android:drawable="@drawable/icon4" android:duration="150"></item>          <item android:drawable="@drawable/icon3" android:duration="150"></item>          <item android:drawable="@drawable/icon2" android:duration="150"></item>          <item android:drawable="@drawable/icon1" android:duration="150"></item>      </animation-list>  

第三步:上布局檔案,放在res/layout目錄下,檔案名稱main.xml:

    <?xml version="1.0" encoding="utf-8"?>      <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"         android:layout_width="fill_parent"         android:layout_height="fill_parent"         android:orientation="vertical">                   <ImageView android:id="@+id/animationIV"                  android:layout_width="wrap_content"                  android:layout_height="wrap_content"                  android:padding="5px"                  android:src="@drawable/animation1"/>                             <Button android:id="@+id/buttonA"              android:layout_width="wrap_content"              android:layout_height="wrap_content"              android:padding="5px"              android:text="順序顯示" />                    <Button android:id="@+id/buttonB"              android:layout_width="wrap_content"              android:layout_height="wrap_content"              android:padding="5px"              android:text="停止" />                    <Button android:id="@+id/buttonC"              android:layout_width="wrap_content"              android:layout_height="wrap_content"              android:padding="5px"              android:text="倒序顯示" />            </LinearLayout>  

第四步:上Activity檔案,檔案名稱:MainActivity.java

    package org.shuxiang.test;            import android.app.Activity;      import android.graphics.drawable.AnimationDrawable;            import android.os.Bundle;      import android.view.View;      import android.view.View.OnClickListener;      import android.view.Window;      import android.widget.Button;      import android.widget.ImageView;            public class Activity10 extends Activity      {          private ImageView animationIV;          private Button buttonA, buttonB, buttonC;          private AnimationDrawable animationDrawable;          @Override          public void onCreate(Bundle savedInstanceState) {              super.onCreate(savedInstanceState);              requestWindowFeature(Window.FEATURE_NO_TITLE);              setContentView(R.layout.test10);                                         animationIV = (ImageView) findViewById(R.id.animationIV);              buttonA = (Button) findViewById(R.id.buttonA);              buttonB = (Button) findViewById(R.id.buttonB);              buttonC = (Button) findViewById(R.id.buttonC);                            buttonA.setOnClickListener(new OnClickListener()              {                  @Override                  public void onClick(View v) {                      // TODO Auto-generated method stub                      animationIV.setImageResource(R.drawable.animation1);                      animationDrawable = (AnimationDrawable) animationIV.getDrawable();                      animationDrawable.start();                  }                                });                             buttonB.setOnClickListener(new OnClickListener()              {                  @Override                  public void onClick(View v) {                      // TODO Auto-generated method stub                      animationDrawable = (AnimationDrawable) animationIV.getDrawable();                      animationDrawable.stop();                  }                                });                            buttonC.setOnClickListener(new OnClickListener()              {                  @Override                  public void onClick(View v) {                      // TODO Auto-generated method stub                      animationIV.setImageResource(R.drawable.animation2);                      animationDrawable = (AnimationDrawable) animationIV.getDrawable();                      animationDrawable.start();                  }                         });                  }      }  

 

Android 用Animation-list實現逐幀動畫 (轉載)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.