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:

create adroid project contoh listview

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

Target Android device  contoh listview

.3. Add An Activity Mobile pilih Blank Activity.

add an activity

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

confgure activity contoh listview

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:

output program contoh listview android studio
Otuput program Contoh Listview

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:

output program contoh listview dengan toast android studio
Listview dengan Toast

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.

Leave a comment