Android : Membuat Daftar Item Sederhana

Oleh : Reza Ervani

بسم الله الرحمن الرحيم

Download Kode Sumber Aplikasi yang Dibahas di Tutorial ini : [wpdm_file id=4]

Mari kita berlatih lagi. Kali ini kita akan membuat sebuah daftar item sederhana di Android.

Seperti biasa kita buat New Android Project.

Kita set activity_main.xml menampilkan layout seperti berikut :

Pertama-tama kita akan membutuhak komponen ListView dari kategori Composite di pallete Eclipse ADT, seperti tampak pada gambar berikut :

Kodenya tampak seperti berikut :

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin" >
 
    <ListView
        android:id="@+id/listView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true" >
 
    </ListView>
 
</RelativeLayout>

Kita siapkan juga tampilan jika sebuah item diklik. Kita namakan isibab.xml seperti berikut :

Kodenya tampak seperti berikut :

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
 
    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="14dp"
        android:layout_marginTop="36dp"
        android:text="@string/judul_bab" />
 
</RelativeLayout>

Kita buatkan pula Class untuk layout ini, kita namakan BabTunggal.java dengan kode seperti berikut :

package com.eclipseprogramming.riyadhusshalihin;
 
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.TextView;
 
public class BabTunggal extends Activity {
    String Bab;
 
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
 
        setContentView(R.layout.isibab);
 
        TextView teksBab = (TextView) findViewById(R.id.textView1);
 
        Intent i = getIntent();
        Bab = i.getStringExtra("Bab");
 
        teksBab.setText(Bab);
 
    }
 
}

Jangan lupa daftarkan file tersebut di ManifestAndroid.xml :

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.eclipseprogramming.riyadhusshalihin"
    android:versionCode="1"
    android:versionName="1.0" >
 
    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="19" />
 
    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.eclipseprogramming.riyadhusshalihin.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
 
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
            <activity android:name=".BabTunggal"></activity>
    </application>
 
</manifest>

Berikutnya mari kita buat daftar sumber ke dalam bentuk Array di file MainActivity.java :

public class MainActivity extends ActionBarActivity {
 
    ListView listView;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.fragment_main);
 
        String[] BabRiyadhusShalihin = new String[] {
                "A. Biografi Imam Nawawi",
                "B. Mengenal Kitab Riyadhus Shalihin",
                "BAB 1. Ikhlas dan Menghadirkan Niat Dalam Setiap Perbuatan dan Ucapan, Baik yang Terang-terangan maupun yang Sembunyi-sembunyi",
                "BAB 2. Taubat",
                "BAB 3. Sabar",
                "BAB 4. Kejujuran",
                "BAB 5. Muraqabah (Merasa Selalu Diawasi Allah)",
                "BAB 6. Taqwa",
                "BAB 7. Keyakinan dan Tawakal"
        };
 
        listView = (ListView) findViewById(R.id.listView1);

Lalu kita bind string arraynya ke dalam suatu adapter :

ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, android.R.id.text1,BabRiyadhusShalihin);
        listView.setAdapter(adapter);

Kemudian kita tangkap klik pada item ListView :

listView.setOnItemClickListener(new OnItemClickListener() {
 
           public void onItemClick(AdapterView<?> parent, View view,
                   int position, long id) {

Bagian berikutnya adalah menangkap posisi klik dan mengesetnya menjadi sebuah string :

1	`String Bab = (String) listView.getItemAtPosition(position);`

Kemudian meluncurkan BabTunggal.java menggunakan Intent :

1	`Intent i =` `new` `Intent(MainActivity.this, BabTunggal.class);`

Mengirimkan string yang ditangkap ke BabTunggal.java :

1	`i.putExtra("Bab", Bab);`

Dan akhirnya menjalankan BabTunggal.java :

    startActivity(i);
 
}

Jika dijalankan maka tampilan aplikasi kita akan tampak seperti berikut :

Jika salah satu item dipilih maka akan tampil string sederhana seperti ini :

Reza in Programming

Catatan Programming Reza Ervani

Android : Membuat Daftar Item Sederhana

Be the first to comment

Leave a Reply Cancel reply