Membuat ListView di Android ListView di Android - Pada setiap aplikasi mobile, ListView selalu digunakan didalam aplikasi tersebut, karen...
Membuat ListView di Android
ListView di Android - Pada setiap aplikasi mobile, ListView selalu digunakan didalam aplikasi tersebut, karena ListView ini berfungsi sebagai menampilkan seluruh data dalam bentuk list. Contohnya aplikasi email. Aplikasi email itu menggunakan ListView untuk menampilkan list pesan masuk.Dan pada pembahasan kali ini kita akan membahas mengenai cara membuat ListView di Android. Disini kita akan menggunakan Android Studio untuk pengkodingannya. Sebelum memasuki pembahasan terlebih dahulu menginstall aplikasi Android Studio tersebut. Untuk tahap penginstalannya kalian bisa melihat artikelnya di Cara Install Android Studio.
Saya anggap kalian telah menginstallnya, dan kita langsung saja memasuki tahap pengkodingan. silahkan buka aplikasi Android Studio di laptop kalian dan buatlah project baru dengan nama ListView.Setelah itu buka file activity_main.xml yang terdapat di direktori res/layout/activity_main.xml dan masukkan codingnya seperti berikut ini.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<ListView
android:id="@+id/listview"
android:layout_width="match_parent"
android:layout_height="match_parent">
</ListView>
</RelativeLayout>
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.ListAdapter;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.TextView;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.HashMap;
public class MainActivity extends AppCompatActivity {
//deklarasi variabel
private TextView txtNama,txtStatus, txtTanggal;
private ImageView imgLogo;
private ListView listview;
//deklarasi array
String[] nama;
String[] status;
String[] tanggal;
//String[] gambar;
//Adapter
SimpleAdapter sa;
//Map
HashMap<String, String> map;
//Array list
ArrayList<HashMap<String, String>> listSiswa;
//list adapter
ListAdapter adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.setTitle( "Relative Layout");
setContentView(R.layout.activity_main);
//isi data array
nama = new String[] {"Si Abdul","SI Boby","Si Cikung","Si Dimas","Si Erji"};
status= new String[] {"online","offline","offline","pending","online"};
tanggal = new String[] {"31-08-2018","31-08-2018","31-08-2018","31-08-2018","31-08-2018"};
//deklarasi id komponen
txtNama = (TextView) findViewById(R.id.nama);
txtStatus = (TextView) findViewById(R.id.status);
txtTanggal = (TextView) findViewById(R.id.txtTanggal);
//imgLogo = (ImageView) findViewById(R.id.imgLogo);
listview = (ListView) findViewById(R.id.listview);
//inisialisasi list user baru
listSiswa = new ArrayList<HashMap<String, String>>();
//looping dengan for
for (int i=0; i < nama.length; i++ ) {
map = new HashMap<String, String>();
map.put("nama", nama[i]);
map.put("status", status[i]);
map.put("tanggal", tanggal[i]);
//add map to list view
listSiswa.add(map);
}
sa = new SimpleAdapter(this,
listSiswa,
R.layout.isilist,
new String[] {"nama","status","tangal"},
new int[] {R.id.nama,R.id.status,R.id.txtTanggal});
listview.setAdapter(sa);
listview.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
Object data = listSiswa.get(position);
String ItemYangDipilih = data.toString();
Toast.makeText(MainActivity.this,
"Item yang dipilih adalah "+ ItemYangDipilih,
Toast.LENGTH_LONG).show();
}
});
}
}
Setelah memasukkan code yang saya buat diatas, selanjutnya silahkan buat layout baru dengan nama isilist.xml dengan mengklik kanan pada nama project New > XML > XML Layout File dan beri nama layout seperti yang sebutkan diatas. Setelah itu buka filenya dan masukkan code seperti berikut ini.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/imgLogo"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_marginLeft="4dp"
android:layout_marginRight="0dp"
android:layout_marginTop="10dp"
android:contentDescription="@string/judulHeaderRelativeLayout"
android:src="@drawable/logo" />
<TextView
android:id="@+id/nama"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginLeft="10dp"
android:layout_marginTop="-5dp"
android:text="@string/textJudulList"
android:textColor="#003366" />
<TextView
android:id="@+id/status"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="-80dp"
android:layout_marginTop="30dp"
android:text="@string/textSubjudul" />
<TextView
android:id="@+id/txtTanggal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="170dp"
android:layout_marginTop="10dp"
android:text="@string/tanggal" />
</LinearLayout>
</LinearLayout>
<string name="judulHeaderMain">Macam-macam Layout</string>
<string name="judulHeaderRelativeLayout">Relative Layout</string>
<string name="judulHeaderLinierLayout">Linier Layout</string>
<string name="judulHeaderTableLayout">Table Layout</string>
<string name="judulHeaderFrameLayout">Frame Layout</string>
<string name="btnExit">Exit</string>
<string name="textJudulList">Judul Tulisan</string>
<string name="textSubjudul">Sub judul</string>
<string name="tanggal">12-11-2018</string>
Setelah semua Coding diatas kalian masukkan, jangna lupa untuk disave dan dijalankan programnya. Dan berikut ini adalah hasil dari tutorial diatas.
Demikianlah tutorial mengenai Cara Membuat ListView di Android menggunakan Android Studio. Silahkan dipelajari dan dipraktekkan. Jangan lupa share artikel ini agar lebih bermanfaat. Terima kasih.
Author : Nur Muhammad Erji Ridho LubisWebsite : www.portalcoding.com
Theme : Programming tutorials
COMMENTS