Cara Membuat List Data Menggunakan ListView Android Studio

Pada tutorial kali ini kita akan membuat listview sederhana menggunakan android studio. Data yang akan ditampilkan adalah array data sekolah. Untuk data yang besar dan ingin ditampilkan lebih bagus dapat pula menggunakan RecyclerView.

Silahkan ikuti Langkah berikut ini untuk membuat Listview di android studio

1. Buatlah project baru dan klik project->new project selanjutnya buatlah nama project “Contoh Listview” seperti gambar di bawah ini:

2. Selanjutnya pilihlah target android  device dengan data seperti di bawah ini dan klik next

.3. Add An Activity Mobile pilih Blank Activity.

4. Configure activity dengan mengisi data activity seperti gambah di bawah ini dan klik finish

Setelah memiliki MainActivity isikan script di bawah ini:

MainActivity.java

package com.contohlistview;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends AppCompatActivity {

    private ListView listView;
    private ArrayAdapter<CharSequence> adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        listView = findViewById(R.id.listView);
        adapter = ArrayAdapter.createFromResource(this, R.array.sekolah, android.R.layout.simple_list_item_1);
        listView.setAdapter(adapter);
    }

}

MainActivity merupakan class utama yang akan dijalankan pertama kali jika project Contoh Listview java di compile. pada script di atas MainActivity memiliki 2 variabel private yaitu listview dan adapter.

Class MainActivity juga memanggil xml activity_main yang berisi listview.

silahkan salin script activity_main.xml di bawah ini

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<ListView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".MainActivity"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/listView" />

Bagian selanjutnya yang juga harus diselesaikan untuk menampilkan listview di android studio kali ini adalah dengan membuat array data di res/values/strings.xml.

name array data adalah “sekolah”

<resources>
    <string name="app_name">Contoh Listview</string>
    <string-array name="sekolah">
        <item>SD</item>
        <item>SMP</item>
        <item>SMA</item>
    </string-array>
</resources>

Setelah memiliki ketiga file di atas silahkan jalankan Aplikasi dengan mengklik perintah Run -> Run ‘app’.

Setelah dijalankan output program listview di android studio akan tampil sebagai berikut:

Sampai pada tahap ini kita telah berhasil membuat listview. ListView dapat di scroll ke bawah jika datanya banyak dan melebihi tampilan 1 halaman layar.

Anda dapat membuat listview negara dan masukkan nama 20 negara untuk mencoba menampilkan listview vertical-scrollable. Selanjutnya pada listview juga dapat ditampilkan notifikasi saat di klik.

Notifikasi ini dibuat menggunakan toast silahkan lanjutkan pembuatan listview dengan toast untuk melihat notifikasi saat data listview di klik.

Menampilkan Listview dengan Toast di Android Studio

Tambahkan script berikut pada Mainactivity:

listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int position, long id) {
                Toast.makeText(MainActivity.this, adapter.getItem(position) + " Dipilih", Toast.LENGTH_SHORT).show();
            }
        });

Final Script MainActivity.java

package com.contohlistview;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;


public class MainActivity extends AppCompatActivity {

    private ListView listView;
    private ArrayAdapter<CharSequence> adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        listView = findViewById(R.id.listView);
        adapter = ArrayAdapter.createFromResource(this, R.array.sekolah, android.R.layout.simple_list_item_1);
        listView.setAdapter(adapter);

        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int position, long id) {
                Toast.makeText(MainActivity.this, adapter.getItem(position) + " Dipilih", Toast.LENGTH_SHORT).show();
            }
        });


    }

}

Output Program:

Listview merupakan salah satu komponen yang banyak digunakan dalam aplikasi android. Dengan menggunakan listview kita dapat menampilkan data apapun sesuai dengan keinginan.

Selain itu Listview adroid dapat menampilkan data vertical-scrollable. Maksudnya data pada listview yang dibuat dapat discroll secara vertical.