ListView Sederhana Pada Android

Listview sering berhubungan dengan daftar menu, pada contoh kasus di bawah ini saya akan membuat menu makanan pada sebuah rumah makan, yang pasti saya buat coding sederhananya kok  :D

Langsung aja buka Eclipse anda dan ikuti petunjuk di bawah ini :

1. File (CTRL + N) - New Android Project. Lalu isikan sesuai dengan ketentuan berikut
• Project Name : eListView
• Centangkan Android 2.2
• Application Name : Coding Sederhana List View
• Package Name : codingsederhana.blogspot.com
• Pastikan Tercentang CreateActivity, lalu ketik : MainActivity
• Min SDK Version : 8
  
2.  Buka main.xml => eListview - res - layout . Lalu pada tab layouts Slide sebuah ListView Ke layar hitam, atau untuk cara cepatnya, pada tab main.xml paste source code di bawah ini

   1 2 3 4 5 6 7 8 9 10

   <?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/ListView01" android:layout_width="wrap_content" android:layout_height="wrap_content"></ListView> </LinearLayout>

   
   

3.  Kemudian buka buka MainActivity.java => eListView - src - codingsederhana - blogspot - com. lalu ketikkan coding berikut ini

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45

   package codingsederhana.blogspot.com; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ListView; public class MainActivity extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); ListView menu = (ListView) findViewById(R.id.ListView01); menu.setAdapter(new BaseAdapter() { @Override public View getView(int arg0, View arg1, ViewGroup arg2) { // TODO Auto-generated method stub return null; } @Override public long getItemId(int arg0) { // TODO Auto-generated method stub return 0; } @Override public Object getItem(int arg0) { // TODO Auto-generated method stub return null; } @Override public int getCount() { // TODO Auto-generated method stub return 0; } }); } }

   
   
4. Kemudain buat layout baru = > eListView - res - layout. pada layout klik kanan lalu pilih new - Android XML File. maka akan muncul jendela baru baru, pada File isikan List_menu.xml (ingat ketikan .xml dibelakangya)
5. Pada tab layout slide sebuah ListView ke layar hitam. (caranya sama seperti proses no 2)
6. Di bawah  public class MainActivity extends Activity ketikkan Source code berikut
   
   

       static String[] menu = {"Nasi", "Nasi Putih", "Nasi Goreng", 
                               "Mie Ayam", "Mie Goreng", "Ayam Goreng", 
                               "Ayam Gulai", "Ayam Rendang" };

   
   Sehingga akan kelihatan kira-kira seperti gambar di bawah ini.
   
   

   public class MainActivity extends Activity {
      
       static String[] menu = {"Nasi", "Nasi Putih", "Nasi Goreng", 
                               "Mie Ayam", "Mie Goreng", "Ayam Goreng", 
                               "Ayam Gulai", "Ayam Rendang" };

7. Pada class yang sama silahkan edit isi dari method menu.setAdapter(new BaseAdapter()) Seperti berikut

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

   menu.setAdapter(new BaseAdapter() { @Override public View getView(int posisi, View gantiView, ViewGroup parent) { LayoutInflater inflater = (LayoutInflater) getSystemService(LAYOUT_INFLATER_SERVICE); //memanggil list_menu.xml yang dibuat View view = inflater.inflate(R.layout.list_menu, null); TextView textView = (TextView) view.findViewById(R.id.TextView01); textView.setText(MainActivity.menu[posisi]); return view; } @Override public long getItemId(int posisi) { // mengembalikan nilai posisi array return posisi; } @Override public Object getItem(int posisi) { return MainActivity.menu[posisi]; } @Override public int getCount() { //mengembalikan jumlah dari menu return MainActivity.menu.length; } });

   
   
8. Setelah itu tekan CTRL+SHIFT+O secara otomatis menambah atau menghapus import yang digunakan.
9. Berikut adalah hasil akhir dari MainActivity.java
   

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62

   package codingsederhana.blogspot.com; import android.app.Activity; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ListView; import android.widget.TextView; public class MainActivity extends Activity { static String[] menu = {"Nasi", "Nasi Putih", "Nasi Goreng", "Mie Ayam", "Mie Goreng", "Ayam Goreng", "Ayam Gulai", "Ayam Rendang" }; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); //membuat menu yang bertipe ListView //ListView01 adalah ListView yang kita slide ke layar hitam ListView menu = (ListView) findViewById(R.id.ListView01); menu.setAdapter(new BaseAdapter() { @Override public View getView(int posisi, View gantiView, ViewGroup parent) { LayoutInflater inflater = (LayoutInflater) getSystemService(LAYOUT_INFLATER_SERVICE); //memanggil list_menu.xml yang dibuat View view = inflater.inflate(R.layout.list_menu, null); TextView textView = (TextView) view.findViewById(R.id.TextView01); textView.setText(MainActivity.menu[posisi]); return view; } @Override public long getItemId(int posisi) { // mengembalikan nilai posisi array return posisi; } @Override public Object getItem(int posisi) { return MainActivity.menu[posisi]; } @Override public int getCount() { //mengembalikan jumlah dari menu return MainActivity.menu.length; } }); } }

   
   

10. Setelah itu coba jalankan silahkan klik kanan eListView - Run as - Android Application atau jika sebelumnya anda sudah pernah melakukan run silahkan tekan F11 agar lebih cepat.
11. Hasil akhir adalah seperti gambar berikut
    
    
    

Untuk Mendownload source code ListView Sederhana Pada Android silahkan klik di sini