Android :Animation Background

Kali ini kita akan mencoba membuat aplikasi animasi, yaitu Animation background. aplikasi ini men load beberapa gambar yang jika dijalankan seolah-olah menjadi seubah animasi.

• Pertama- tama yang harus dilakukan adalah membuat project baru dengan kriteria

Nama : animationbackground

Package Name : tutorial.animationbackground

Activity Name : AnimationbackgroundActivity

• Selanjutnya buka folder /res dan buat folder baru dengan nama drawable, 
• Jika sudah unduh gambar dibawah ini dan tempatkan di folder /res/drawable yang sudah dibuat tadi.

         

• Selanjutnya buka folder /res/drawable dan buat file xml dengan nama animasi_panah.xml, kemudian kita tambahkan code berikut.

<animation-list   xmlns:android="http://schemas.android.com/apk/res/android"   >   <item android:drawable="@drawable/arrow_01" android:duration="100" />   <item android:drawable="@drawable/arrow_02" android:duration="100" />   <item android:drawable="@drawable/arrow_03" android:duration="100" />   <item android:drawable="@drawable/arrow_04" android:duration="100" /> </animation-list>

• Jika sudah kita buka file main.xml dan tambahkan code berikut didalamnya.

<?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"   > <TextView   android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:text="@string/hello"   /> <Button      android:id="@+id/myStartButton"      android:layout_width="wrap_content"      android:layout_height="wrap_content"      android:text="Start"      /> <Button      android:id="@+id/myStopButton"      android:layout_width="wrap_content"      android:layout_height="wrap_content"      android:text="Stop"      /> <ImageView      android:id="@+id/myImageView"      android:layout_width="wrap_content"      android:layout_height="wrap_content"      android:layout_gravity="center"      /> </LinearLayout>

• Selanjutnya kita buka file AnimationbackgroundActivity.java dan lakukan perubahan seperti dibawah ini.

package tutorial.animationbackground; import android.app.Activity; import android.graphics.drawable.AnimationDrawable; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.ImageView; public class AnimationbackgroundActivity extends Activity {   AnimationDrawable AniFrame;   /** Called when the activity is first created. */   @Override   public void onCreate(Bundle savedInstanceState) {       super.onCreate(savedInstanceState);       setContentView(R.layout.main);          Button MyStartButton = (Button)findViewById(R.id.myStartButton);       MyStartButton.setOnClickListener(MyStartButtonOnClickListener);       Button MyStopButton = (Button)findViewById(R.id.myStopButton);       MyStopButton.setOnClickListener(MyStopButtonOnClickListener);          ImageView MyImageView = (ImageView)findViewById(R.id.myImageView);       MyImageView.setBackgroundResource(R.drawable.animasi_panah);       AniFrame = (AnimationDrawable) MyImageView.getBackground();   }   Button.OnClickListener MyStartButtonOnClickListener =       new Button.OnClickListener(){           @Override           public void onClick(View v) {               // TODO Auto-generated method stub               AniFrame.start();           }   };   Button.OnClickListener MyStopButtonOnClickListener =       new Button.OnClickListener(){           @Override           public void onClick(View v) {               // TODO Auto-generated method stub               AniFrame.stop();           }   }; }

• Terakhir kita jalankan aplikasi. :)