Membuat ListView di Android Studio

android studio 19 Jul 2015

Membuat ListView di Android Studio. Android listview adalah tampilan beberapa item dan bentuk list/daftar yang dapat digulir secara vertikal. Daftar item secara otomatis dimasukkan ke dalam list menggunakan Adapter yang dapat mengambil konten atau isi dari source/sumber seperti array atau database.

Adapter sebenarnya menjembatani antara komponen UI dan sumber data. Adapter  memegang data dan mengirim data ke adapter view, tampilan dapat mengambil dari adapter view dan menampilkan data pada tampilan yang berbeda, seperti Spinner, ListView, GridView dan lain-lain.

Array Adapter

Anda dapat menggunakan adapter ini jika sumber datanya adalah array. Secara default, ArrayAdapter menciptkan tampilan untuk setiap item array dengan memanggil toString() pada setiap item dan menempatkan konten dalam TextView. Jika Anda memiliki sebuah array string yang ingin ditampilkan di ListView, inisialisasi ArrayAdapter baru menggunakan konstruktor menentukan tata letak untuk setiap string dan array string.

ArrayAdapter adapter = new ArrayAdapter(this,R.layout.ListView,StringArray);


Setelah adapter dibuat, maka selanjutnya cukup memanggil setAdapter() pada objek ListView Anda seperti berikut

ListView listView = (ListView) findViewById(R.id.listview);
listView.setAdapter(adapter);


Untuk mendefinisikan ListView Anda lihat direktori res/ layout dalam file XML. Sebagai contoh saya akan menggunakan file activity_main.xml .

Tutorial Membuat ListView dengan ArrayAdapter

1. Buka MainActivity.java, letakkan kode berikut ini.

package com.teknorial.mylistview;
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends Activity {
    String[] listArray={"Asus","Acer","Apple","Samsung","Thoshiba","Sony","Xiomi","Motorola"};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ArrayAdapter adapter = new ArrayAdapter(this,R.layout.activity_listview,listArray);
        ListView listview =(ListView) findViewById(R.id.array_list);
        listview.setAdapter(adapter);
    }
}


2. Modifikasi activity_main.xml yang terletak di res/layout.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">
    <ListView
        android:id="@+id/array_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </ListView>
</LinearLayout>

3. Buat TextView file dengan nama activty_listview.xml di direktori res/layout.

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/label"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:padding="10dip"
    android:textSize="16dip"
    android:textStyle="bold" >
</TextView>

4. Jalankan aplikasi list view sudah kita buat, Jika berhasil maka akan seperti screenshot berikut.
android listview dengan array adapter

Kalian dapat memodifikasi untuk tampilan lebih menarik. Kita sudah berhasil Membuat ListView di Android Studio dengan sumber data dari array, untuk listview dengan sumber database saya akan posting selanjutnya. Follow terus teknorial.com. Terima Kasih ?

Tag