Kursus a2fahmi Gratis klik disini


Fahmi Basya Kartapura On September - 29 - 2011

ListView dalam Android

List View adalah daftar yang berisi item-item yang bisa discroll.

Disini saya menerangkan 2 cara membuat ListView, yaitu:

  • ListView yang menggunakan elemen layout ListView
  • ListView yang mengextends class ListActivity

ListView menggunakan elemen layout ListView

Syntax:

tipe_data[] data_array={ … };

ListView nama_variabel=(ListView)findViewById(R.id.id_dari_elemen_ListView);
nama_variabel.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1 , data_array));

Keterangan:

Untuk membuat ListView ini kita memerlukan 3 tahap, yaitu:

  1. Mendeklarasikan array yang berisi data yang akan ditampilkan dalam objek ListView.
  2. Mengambil id ListView dari elemen layout lalu mengcastingnya menjadi objek ListView lalu memberikannya ke variabel.
  3. Mengeset nilai array dan tampilan array ke variabel dari objek ListView

Contoh Kasus:

Saya ingin membuat tampilan seperti terlihat pada gambar dibawah ini:

Dimana data dari gambar diatas adalah “Android, iPhone , BlackBerry”.

Pertanyaan:

Bagaimana cara membuatnya … ?

Jawaban:

Buatlah satu project Android bernama listview2, lihat disini untuk membuat projek android.

Saya beri nama packagenya adalah fahmi.basya.kartapura

Perubahan Layout XML

Bukalah file main.xml lalu rubahlah isinya sehingga menjadi seperti berikut ini:

<?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/lv”
android:layout_height=”wrap_content”
android:layout_width=”match_parent”>

</ListView>
</LinearLayout>

Keterangan:

  • android:id=”@+id/lv”, Kode ini berarti saya memberikan id=”listv” kepada elemen ListView.

Perubahan pada Activity

Bukalah file Listview2Acitivity.java yang terdapat dalam folder src/fahmi.basya.kartapura.

Lalu masukkan kode berikut ini (saya menggunakan IDE Eclipse):

package fahmi.basya.kartapura;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class Listview2Activity extends Activity {

String data_array[]={“Android”,”iPhone”,”BlackBerry”};

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);
setContentView(R.layout.main);

ListView lv=(ListView)findViewById(R.id.lv);
lv.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1 , data_array));

}

}

Hasil:

Jalankan aplikasimu dengan menekan tombol F11 dan lihat hasilnya apakah kamu sudah berhasil membuat list view … ?, untuk menscrollnya maka kamu bisa gunakan tombol panah atas dan panah bawah.

ListView yang Mengextend ListActivity

Syntax:

setListAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, items));

Keterangan:

  • setListAdapter adalah sebuah fungsi yang digunakan untuk membuat sebuah List View.
  • ArrayAdapter adalah class yang digunakan untuk mengelola array dari item-item yang akan diletakkan dalam List View
  • this adalah objek dari activity.
  • android.R.layout.simple_list_item_1 adalah file layout yang mendefinisikan layout untuk setiap data yang ditampilkan, dimana simple_list_item_1 adalah file xml bawaan dari Android.
  • items adalah array yang berisi data yang akan ditampilkan dalam view

Contoh Kasus:

Saya ingin membuat tampilan seperti terlihat pada gambar dibawah ini:

 

 

Dimana data dari gambar diatas adalah “Mangga, Pepaya, Jambu, Sirsak, Rambutan, Apel”

Pertanyaan:

Bagaimana cara membuatnya … ?

Jawaban:

Buatlah satu project Android bernama list_view, lihat disini untuk membuat projek android.

Saya beri nama packagenya adalah fahmi.basya.kartapura

Lalu buka file list_viewAcitivity.java yang terdapat dalam folder src/fahmi.basya.kartapura.

Lalu masukkan kode berikut ini (saya menggunakan IDE Eclipse):

import android.os.Bundle;

import android.widget.ArrayAdapter;

import android.app.ListActivity;

public class List_viewActivity extends ListActivity {

/** Called when the activity is first created. */

String[] nama_buah={“Mangga”, “Pepaya”, “Jambu”, “Sirsak”, “Rambutan”, “Apel”};

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setListAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, nama_buah));

}

}

Hasil:

Jalankan aplikasimu dengan menekan tombol F11 dan lihat hasilnya apakah kamu sudah berhasil membuat list view … ?, untuk menscrollnya maka kamu bisa gunakan tombol panah atas dan panah bawah.

 

Jika tutorial ini bermanfaat silahkan katakan ‘Terima Kasih Fahmi Basya Kartapura‘.




Categories: Android

Leave a Reply