Tutorial Android Menggunakan Listview

Dalam tutorial ini saya akan mendemonstrasikan bagaimana membuat ListView android sederhana. Artikel ini adalah tentang menciptakan ListView dan membuka activity baru jika listview item dipilih. Mari kita mulai dengan membuat sebuah proyek di Eclipse IDE.

1. Buat proyek baru dengan klik File ⇒ New Project Android. Isi semua rincian dan nama aktivitas Anda sebagai AndroidListViewActivity.

2. Setelah proyek ini dibuat membuka file java aktivitas utama Anda (dalam hal ini AndroidListViewActivity.java) extends class dari ListActivity.

public class AndroidListViewActivity extends ListActivity {

3 . Sekarang kita memerlukan file string untuk menyimpan semua data list item, untuk membuat file tersebut, buat file XML di dalam folder values buat dengan nama list_data.xml kemudian paste code berikut : ( Klik Kanan di res/values ⇒ New ⇒ Android XML File )


    
     Adobe After Effects
     Adobe Bridge
     Adobe Dreamweaver
     Adobe Edge
     Adobe Fireworks
     Adobe Flash
        Adobe Photoshop
        Adobe Premiere
        Adobe Reader
        Adobe Illustrator

4. Dalam ListView setiap daftar item akan menjadi layout xml, sehingga kita dapat menyesuaikan setiap list item. Buat file XML di res / layout folder dengan nama file list_item.xml dan ketik kode berikut. Layout xml ini akan menjadi single list item row. ( Klik kanan di res/layout ⇒ New ⇒ Android XML File )

5. Sekarang buka file Main Activity Anda (AndroidListViewActivity.java) dan ketik kode berikut. Dalam kode berikut saya mengimpor semua data sumber daya xml dan menyimpannya dalam sebuah Array. Pada langkah berikutnya saya akan membinding array ke ListAdapter.

package com.androidhive.androidlistview;

import android.app.ListActivity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.TextView;

public class AndroidListViewActivity extends ListActivity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        
        // storing string resources into Array
        String[] adobe_products = getResources().getStringArray(R.array.adobe_products);
        
        // Binding resources Array to ListAdapter
        this.setListAdapter(new ArrayAdapter(this, R.layout.list_item, R.id.label, adobe_products));
        
    }
}

6. Sekarang jalankan proyek Anda, Anda dapat melihat ListView dengan daftar item array. Tapi jika di klik single list item belum ada action untuk membuak ke jendela berikutnya. Jadi kita perlu untuk membuat activity baru jika single list item di klik.

Membuat Activity baru jika single list item di klik

Dalam artikel saya sebelumnya saya telah menjelaskan bagaimana Cara untuk berpindah antara Activity di Android. Di sini saya akan menampilkan rincian daftar item tunggal di activity baru.

7. Sekarang buat class activity baru di folder src. Klik kanan pada folder src / package ⇒ New ⇒ Class dan namakan sebagai SingleListItem. (SingleListItem.java)

8. Buka AndroidListViewActivity.java Anda dan tambahkan kode berikut.

package com.androidhive.androidlistview;

import android.app.ListActivity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.TextView;

public class AndroidListViewActivity extends ListActivity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        
        // storing string resources into Array
        String[] adobe_products = getResources().getStringArray(R.array.adobe_products);
        
        // Binding resources Array to ListAdapter
        this.setListAdapter(new ArrayAdapter(this, R.layout.list_item, R.id.label, adobe_products));
        
        ListView lv = getListView();

        // listening to single list item on click
        lv.setOnItemClickListener(new OnItemClickListener() {
          public void onItemClick(AdapterView parent, View view,
              int position, long id) {
           
           // selected item 
           String product = ((TextView) view).getText().toString();
           
           // Launching new Activity on selecting single List Item
           Intent i = new Intent(getApplicationContext(), SingleListItem.class);
           // sending data to new activity
           i.putExtra("product", product);
           startActivity(i);
         
          }
        });
    }
}

Sekarang dalam aktivitas baru ini kita perlu untuk menampilkan data yang diterima dari aktivitas ListView yang kita klik.

9. Buat file xml baru di bawah res / tata letak dan namkan sebagai single_list_item_view.xml dan ketik kode berikut. File XML ini akan menjadi layout untuk SingleListItem.java

10. Sekarang buka file activity Anda yang kedua yaitu SingleListItem.java dan pastekan kode berikut.

package com.androidhive.androidlistview;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.TextView;

public class SingleListItem extends Activity{
 @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.single_list_item_view);
        
        TextView txtProduct = (TextView) findViewById(R.id.product_label);
        
        Intent i = getIntent();
        // getting attached intent data
        String product = i.getStringExtra("product");
        // displaying selected product name
        txtProduct.setText(product);
        
 }
}

11. Langkah terakhir adalah menambahkan entri nama aktivitas baru di AndroidManifest.xml File. Buka file AndroidManifest.xml anda dan memodifikasi kode seperti di bawah ini

12.Langkah terakhir jalankan proyek Anda dengan mengklik kanan pada folder proyek Anda ⇒ Run As ⇒ 1 Aplikasi Android.