Layar dari smartphone mayoritas berukuran kecil, sehingga akan sangat sulit untuk menampilkan data yang jumlahnya banyak. Oleh karena itu data biasanya ditampilkan dalam bentuk daftar atau list. Untuk membuat list di android kita dapat menggunakan library bawaan dari android studio yaitu ListView. Pada tutorial kali ini, kita akan membuat aplikasi listview sederhana menggunakan android studio dan bahasa pemrograman java.
Langkah pertama yang harus kita lakukan adalah membuat sebuah project android baru, dengan cara buka Android Studio, klik File –> New –> New Project. Setelah itu kan muncul halaman New Project, pilih Empty Activity seperti yang ditunjukan oleh Gambar 1.
Kemudian masuk ke halaman pengaturan Empty Activity, isikan nama project dengan nama “Aplikasi ListView“. Nama package akan muncul secara otomatis, untuk bahasa / language kita pilih “Java“. Lalu untuk Minimum SDK kita pilih API 21: Android 5.0 (Lollipop) yang sudah kompatibel terhadap 98% perangkat android. Setelah itu klik tombol “Finish“.
Setelah tombol Finish ditekan, maka akan muncul 2 file yaitu MainActivity.java dan activity_main.xml. Pertama-tama kita buka file activity_main.xml untuk mendesain tampilan antarmuka dari aplikasi listview. Berikut adalah kode lengkap yang kita masukan ke dalam file activity_main.xml.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
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:padding="8dp"
tools:context=".MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Pilih Negara"
android:textColor="@color/black"
android:textSize="16sp"
android:textStyle="bold" />
<ListView
android:id="@+id/list_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="20dp"/>
</RelativeLayout>Sehingga tampilan antarmuka dari Aplikasi ListView yang kita bangun menjadi seperti pada Gambar 3.
Setelah berhasil mendesain tampilan antarmuka aplikasi, selanjutnya kita tambahkan kode pada file MainActivity.java. Kode yang kita tambahkan berfungsi untuk menampilkan data pada ListView. Kemudian memberikan fungsionalitas kepada ListView, sehingga kita di klik maka akan muncul Toast (Pesan Singkat). Berikut kode lengkap dari file MainActivity.java.
public class MainActivity extends AppCompatActivity {
private final String[] namanegara = new String[]{
"Indonesia", "Vietnam", "Malaysia", "Singapure",
"Italia", "Inggris", "Belanda", "Argentina",
"Chile", "Mesir", "Uganda", "Brazil",
"Perancis", "Spanyol", "Etiopia"
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
getSupportActionBar().setTitle("ListView Sederhana");
ListView lvItem = findViewById(R.id.list_view);
ArrayAdapter<String> adapter = new ArrayAdapter<>(MainActivity.this, android.R.layout.simple_list_item_1,
android.R.id.text1, namanegara);
lvItem.setAdapter(adapter);
lvItem.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
Toast.makeText(MainActivity.this, "Memilih : " +namanegara[position], Toast.LENGTH_LONG).show();
}
});
}
}Keterangan Kode :
- Baris 1 : Menjelaskan class MainActivity yang mewarisi fungsionalitas dari class AppCompatActivity
- Baris 3 s/d 8 : Pembuatan String Array namanegara, berisi negara-negara yang ditampilkan dalam ListView
- Baris 13 : Menunjukan layout yang kita pakai adalah activity_main.xml
- Baris 15 : Memberikan judul aplikasi yang ditempatkan pada AppBar / ActionBar
- Baris 19 s/d 20 : Membuat ArrayAdapter agar data negara yang ada di Array dapat tampil pada layout
- Baris 23 s/d 28 : Memberikan fungsionalitas pada tiap item dari list, sehingga ketika item negara di klik akan menampilkan sebuah Toast
Apabila tidak terjadi error pada program maka tampilan dari Aplikasi ListView yang dibangun akan tampak seperti pada Gambar 4.
