Android Tutorial : Membuat menu dengan ListView

ListView merupakan menu yang paling sering digunakan dalam membuat berbgai aplikasi aplikasi android. List view merupakan sekumpulan list data yang di tampilkan dan dapat di scroll secara vertikal. Inti dari membuat listView adalah kita akan memanggil daftar daftar yang nantinya kita akan tampung ke array, kemudian akan dimasukkan ke adapter dari widget listVew.

Overall langkanya berikut.

• buat projek baru
• rancang interface dengan memasukkan widget listview
• buat array bertipe string
• panggil widget listView
• masukkan array ke listView Adapter.
• run.

detail :

1. Membuat projek android baru.

• file -> new -> Android Project
2. Rancang Interface
• kKita dapat merancang interface secantik mungkin, namun di pembahasan kali ini kita hanya akan menampilka satu listview tanpa dibumbui keindahan lainnya.
• di project explorer pada eclipse pilih res -> layout -> main.xml
• tambahkan script listview.
<linearlayout android:layout_height="fill_parent" android:layout_width="fill_parent" android:orientation="vertical" xmlns:android="http://schemas.android.com/apk/res/android">
<listview android:divider="#333333" android:dividerheight="0.2dip" android:id="@+id/list" android:layout_height="wrap_content" android:layout_weight="1" android:layout_width="fill_parent"></listview>
</linearlayout>
• di scrip yang kita lihat kita menambahkan listview dengan nama ID "list" yang akan di daftarkan ke R, tinggi dan lebarnya kita sesuaikan menutupi parentnya ( linear layout).
3. Panggil dengan main.java.
• setelah merancang interface, kita akan memaggil xml tersebut untuk di tampilkn.
• src -> main.java
• langkah pertama kita harus mendevinisika array yang akan dimasukkan ke imageView.

protected String[] phone = new String[] {
      "Samsung", 
      "Nokia", 
      "Sony Ericson",
      "HTC",
      "Motorola"
      };

• Array "phone" nantinya akan digunakan sebagai menu menu yang ada di list.
• Panggil widget imageview berdasarkan id yang di daftarkan oleh main.xml tadi yaitu ID "list".

ListView mainList = (ListView) findViewById(R.id.list);

• set imageView adapter dengan list di array "phone" tadi.

mainList.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, phone));

• Run.

• Violla ... !
• Menambahkan Event klik

• disini kita akan membuat event ketik salah satu item dari list tersebut di klik, maka akan muncul pesan toast. Lagkahnya adalah dengan menambah beberapa baris script berikut.

mainList.setOnItemClickListener(new OnItemClickListener() {
 @Override
 public void onItemClick(AdapterView parent, View view, int position,
   long id) {
  // TODO Auto-generated method stub
  Toast.makeText(getApplicationContext(), ((TextView) view).getText(),
            Toast.LENGTH_SHORT).show();
 }
});

selamat mencoba :)