ListView adalah Salah satu komponen User Interface pada Aplikasi Android yang berfungsi menampilkan atau memuat data, dalam tampilan list/daftar yang memungkin kalian melihatnya bergulir secara vertikal di Aplikasi Android. ListView berguna jika kita membuat Aplikasi Android dan ingin menampilkan atau memuat data dalam suatu list misal daftar nama,nomor hp,nama-nama binatang dll.
ListView bekerja menggunakan
Adapter yang berfungsi untuk binding data ,memproses dan memformat konten (pull konten) dari resource seperti Array atau Database ,kemudian di convert setiap item ke dalam tampilan list/daftar.
Nah pada artikel tutorial belajar android kali ini ,kita akan menampilkan daftar/list bahasa pemrograman ,yang akan ditampilkan dalam bentuk ListView.
1. Pertama-tama ,kalian bisa buat project baru atau project yang sudah ada yang ingin diterapkan ListView di Android Studio kalian.
2. Lalu pada resource layout pada bagian Pallete , sebelah kiri kalian bisa mendrag komponen ListView ka dalam layout.
 |
| ListView Pallete |
3. Maka haslinya akan seperti ini
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:id="@+id/activity_main"
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="com.okedroid.simplelistview.MainActivity">
<!--List View -->
<ListView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="17dp"
android:id="@+id/list_view"
/>
<TextView
android:text="Pilih Bahasa Pemrograman :"
android:textStyle="bold"
android:layout_marginBottom="16dp"
android:layout_alignParentTop="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentStart="true"
android:id="@+id/textView"/>
</RelativeLayout>
4. Setelah itu untuk mengisi code logicnya kalian bisa menerapkan codinganya seperti ini:
MainActivity.java
package com.okedroid.simplelistview;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;
/*
Fathurrahman (okedroid.com)
*/
public class MainActivity extends AppCompatActivity {
private ListView lvItem;
private String[] bahasapemrograman = new String[]{
"ASP.NET","C++","C#" ,"BASIC", "SQL",
"PHP", "Phyton","Javascript","Java",
"Visual Basic"};
//mendeklarasikan listview var dan menginisialasi array tipe data string
//Step 1
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
getSupportActionBar().setTitle("ListView Sederhana"); //tampil title
getSupportActionBar().setSubtitle("okedroid.com"); //tampil subtitle
lvItem = (ListView) findViewById(R.id.list_view);
ArrayAdapter<String> adapter = new ArrayAdapter<String>(MainActivity.this, android.R.layout.simple_list_item_1, android.R.id.text1, bahasapemrograman);
/*
Step 2
Membinding atau memformat data
*/
lvItem.setAdapter(adapter);
//menset data di dalam listview
//Step 3
lvItem.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
Toast.makeText(MainActivity.this, "Memilih : "+bahasapemrograman[position], Toast.LENGTH_LONG).show();
//memanggil set on Item ClickListener untuk Listview, jadi jika salah satu item list view diklik akan
//akan bereaksi menampilkan toast atau aksi lainya.
//Step 4
}
});
}
}
5. Jalankan atau Run Aplikasinya di Android Studio ,lalu lihat hasilnya dengan menggunakan Real Device atau Emulator.
Kira-kira hasilnya akan terlihat seperti ini :
0 komentar:
Posting Komentar