Programming Learning

Free IT e-learning

[Android] Membuat Menu List

Pada tutorial kali ini kita akan mencoba membuat aplikasi android dimana akan menampilkan menu list, menu list ini akan menampilkan menu secara vertical. Untuk membuatnya ikuti langkah-langkah sebagai berikut :

  1. Buat Project android yang baru
  2. Klik Next dan isikan konfigurasi sebagai berikut :
  3. Setelah itu pada edisi ini kita tidak akan mengubah main.xml karena kita akan membuat tampilan secara runtime :), kita buka ActivityListMenu.java dan kita tempelkan code sebagai berikut :
package com.listmenu;

import android.app.ListActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;

public class ActivityListMenu extends ListActivity {
 @Override
 public void onCreate(Bundle icicle) {
 super.onCreate(icicle);

 String[] DietMeter = new String[] { "Normal Meter", "Ideal Meter"};
 this.setListAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1, DietMeter));
 //setContentView(R.layout.main);
 }

 @Override
 protected void onListItemClick(ListView l, View v, int position, long id) {
 super.onListItemClick(l, v, position, id);
 Object o = this.getListAdapter().getItem(position);
 String keyword = o.toString();
 Toast.makeText(this, "Menu Diet : " + keyword, Toast.LENGTH_LONG).show();

 }
}

Dapat kita lihat code di atas, kita tidak lagi mengimport lib android.app.Activity tetapi kita menggunakan android.app.List Activity , hal ini karena kita akan membuat suatu list menu dalam form tersebut dan secara otomatis main class dari class activity tersebut adalah class yang di-extends dari ListActivity.

Pada main method OnCreate kita membuat suatu array string dimana kita namakan DietMeter dan kita isikan 2 value didalamnya, setelah itu kita memasangkan array tersebut sebagai items dari listmenu yang kita bentuk.

Selanjutnya kita membuat suatu method override yang merupakan event daripada ListMenu ini, dan kita isikan code dimana apabila diklik akan menampilkan menu item yang kita pilih.

  1. Jalankan aplikasi ini, dan akan tampil sebagai berikut :

Apabila hasil seperti gambar diatas maka aplikasi menu telah berhasil dibuat.

Icon Dalam Menu

Dalam listmenu kali ini kita akan menambahkan icon didalam item menu tersebut, caranya adalah kita buat file xml bernama baris.xml yang kita pasangkan di direktori layout, caranya adalah di direktori res/layout kita klik kanan dan pilih menu New-Other dan pilih menu Android XML File dan klik Next lalu isikan sebagai berikut  :

Klik Finish. Selanjutnya kita isikan baris.xml sebagai berikut :

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content">
 <ImageView
 android:id="@+id/icon"
 android:layout_height="wrap_content"
 android:src="@drawable/icon"
 android:layout_width="22px"
 android:layout_marginTop="4px"
 android:layout_marginRight="4px"
 android:layout_marginLeft="4px">
 </ImageView>
 <TextView
 android:text="@+id/TextView01"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:id="@+id/label"
 android:textSize="30px"></TextView>
</LinearLayout>

Lalu code pada ActivityListMenu.java kita hanya akan ubah sedikit saja, perhatikan code seluruhnya :

package com.listmenu;

import android.app.ListActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;

public class ActivityListMenu extends ListActivity {
 @Override
 public void onCreate(Bundle icicle) {
 super.onCreate(icicle);

 String[] DietMeter = new String[] { "Normal Meter", "Ideal Meter"};
 this.setListAdapter(new ArrayAdapter<String>(this,R.layout.baris, DietMeter));
 //setContentView(R.layout.main);
 }

 @Override
 protected void onListItemClick(ListView l, View v, int position, long id) {
 super.onListItemClick(l, v, position, id);
 Object o = this.getListAdapter().getItem(position);
 String keyword = o.toString();
 Toast.makeText(this, "Menu Diet : " + keyword, Toast.LENGTH_LONG).show();

 }
}

Code diatas sebagian besar sama hanya saja kita menggunakan layout sendiri di ArrayAdapter dan memberitahukan adapter untuk memakai layout yang elemen UInya harus mengandung teks. Code yang beda adalah pada baris ini :

this.setListAdapter(new ArrayAdapter<String>(this,R.layout.baris, DietMeter));

Dan coba jalankan, apabila aplikasi telah benar akan tampil hasil sebagai berikut :

tutorial selanjutnya adalah bagaimana menampilkan form baru ketika menu tersebut diklik dengan meneruskan project ini.

Demikian tutorial ini, semoga dapat menambah ilmu bagi kita semua. Untuk mendownload source project ini bisa didownload disini.

About these ads

4 responses to “[Android] Membuat Menu List

  1. Nobody Maret 13, 2011 pukul 1:11 pm

    Bagaimana utk icon yg beda2 dan ada icon arrow di samping kanan?

  2. ariefnuzul Desember 1, 2011 pukul 3:42 am

    kalo pas kita jalanin, “The Aplication Test(process testing.testing) has stoped unexpectedly. Please try again” itu kenape ye? karena saya nyoba2 buat aplikasi lain, itu terkadang keluar gitu juga.

    makasih

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.

%d bloggers like this: