Android : Layout Animation

Pembelajaran kali ini akan mencoba membuat aplikasi layout animation, terdapat beberapa text yang muncul, dan jika tombol ditekan maka akan memulai animasi.

• Pertama kita buat project baru dengan 

Nama : layoutanimation

package name : tutorial.layoutanimation

Activity Name : LayoutanimationActivity

• Selanjutnya kita buat folder /anim didalam folder /res
• oke jika sudah, buka folder /res/anim dan buat xml file dengan nama list_layout_controller.xml dan isikan code seperti berikut.

<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"  android:delay="50%"  android:animation="@anim/scale" />

• kemudian buat file scale.xml pada folder yang sama dan isikan code berikut

<set xmlns:android="http://schemas.android.com/apk/res/android"  android:interpolator="@android:anim/accelerate_interpolator">  <scale   android:fromXScale="0.1"   android:toXScale="1"   android:fromYScale="0.1"   android:toYScale="1.0"   android:duration="2000"   android:pivotX="10%"   android:pivotY="10%"   android:startOffset="100" /> </set>

• Selanjutnya buka file main.xml yang terletak di folder res/layout dan isikan code berikut

<?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"  >  <ListView   android:id="@+id/myListView"   android:persistentDrawingCache="animation|scrolling"   android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:layoutAnimation="@anim/list_layout_controller" />   />  <Button   android:id="@+id/myRestartButton"   android:layout_width="fill_parent"      android:layout_height="wrap_content"      android:text="Restart"      /> </LinearLayout>

• jika sudah kita buka file LayoutanimationActivity.java dan lakukan perubahan seperti dibawah ini

package tutorial.layoutanimation; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.widget.ArrayAdapter; import android.widget.Button; import android.widget.ListView; public class LayoutanimationActivity extends Activity {     /** Called when the activity is first created. */     @Override     public void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);                 loadScreen();     }         private Button.OnClickListener MyRestartButtonOnClickListener      = new Button.OnClickListener(){    @Override    public void onClick(View v) {     // TODO Auto-generated method stub     loadScreen();    }     };         private void loadScreen(){      setContentView(R.layout.main);         SetupListView();                 Button MyRestartButton = (Button)findViewById(R.id.myRestartButton);         MyRestartButton.setOnClickListener(MyRestartButtonOnClickListener);     }         private void SetupListView()     {      String[] listItems = new String[] {        "Hallo!",        "ini adalah contoh Layout Animation",        "Happy programming?"      };      ArrayAdapter<String> listItemAdapter        = new ArrayAdapter<String>(          this,          android.R.layout.simple_list_item_1,          listItems);             ListView lv = (ListView)this.findViewById(R.id.myListView);      lv.setAdapter(listItemAdapter);     } }

• Terakhir Kita Jalankan Aplikasi. .