Sabtu, 14 Juli 2012

Android : Menambahkan Animasi pada Listview Dan ListviewActivity

sebelumnya kita sudah membuat Listview dan ListviewActivity, dan tutorial kali ini kita akan mencoba menambahkan animasi pada ListviewActivity,

  • Pertama kita buka project aplikasi Listview dan ListviewActivity
  • Kemudian buat folder baru dengan nama anim, letakkan di /res.
  • Selanjutnya cuka folder /res/anim dan buat file xml baru dengan nama list_layout_controller.xml dan isikan code berikut.
<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
 android:delay="50%"
 android:animation="@anim/scale" />

  • Jika sudah, Lanjutkan dengan membuat file xml dengan nama scale.xml, letakkan pada folder yang sama yaitu di /res/anim. 
  • Lalu isikan code berikut kedalam file scale.xml.
<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 AndroidlisviewActivity.java dan tambahkan code berikut ini yang dicetak tebal.
@Override
 protected void onCreate(Bundle savedInstanceState) {
  // TODO Auto-generated method stub
  super.onCreate(savedInstanceState);
 
  setListAdapter(new ArrayAdapter<String>(this,
            android.R.layout.simple_list_item_1, COUNTRIES));
  getListView().setTextFilterEnabled(true);
 
  LayoutAnimationController controller
  = AnimationUtils.loadLayoutAnimation(
    this, R.anim.list_layout_controller);
 getListView().setLayoutAnimation(controller);
 }
  • Terakhir kita jalankan aplikasi. . :)

Tidak ada komentar:

Posting Komentar