✔ Android Studio Tutorial: Kustomisasi Listview Memakai Textview & Imageview

Membuat ListView di Android

ListView di Android - Pada setiap aplikasi mobile, ListView selalu dipakai didalam aplikasi tersebut, sebab ListView ini berfungsi sebagai menampilkan seluruh data dalam bentuk list. Contohnya aplikasi email. Aplikasi email itu memakai ListView untuk menampilkan list pesan masuk.

Dan pada pembahasan kali ini kita akan membahas mengenai cara menciptakan ListView di Android. Disini kita akan memakai Android Studio untuk pengkodingannya. Sebelum memasuki pembahasan terlebih dahulu  menginstall aplikasi Android Studio tersebut. Untuk tahap penginstalannya kalian sanggup melihat artikelnya di Cara Install Android Studio.

Saya anggap kalian telah menginstallnya, dan kita pribadi saja memasuki tahap pengkodingan. silahkan buka aplikasi Android Studio di laptop kalian dan buatlah project gres dengan nama ListView.Setelah itu buka file activity_main.xml yang terdapat di direktori res/layout/activity_main.xml dan masukkan codingnya menyerupai 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>  

Kemudian buka file MainActivity.j4va yang terdapat di direktori j4va/[nama_package]/MainActivity.j4va dan masukkan codenya menyerupai berikut ini.

 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 j4va.util.ArrayList; import j4va.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 gres         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 yaitu "+ ItemYangDipilih,                         Toast.LENGTH_LONG).show();               }         });       } }  

Setelah memasukkan code yang aku buat diatas, selanjutnya silahkan buat layout gres dengan nama isilist.xml dengan mengklik kanan pada nama project New > XML > XML Layout File dan beri nama layout menyerupai yang sebutkan diatas. Setelah itu buka filenya dan masukkan code menyerupai 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>  

Selanjutnya buka file String.xml yang berada di direktori res/values/String.xml dan tambahkan code menyerupai dibawah ini dibawah tag <resources>.

  <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 yaitu hasil dari tutorial diatas.

Demikianlah tutorial mengenai Cara Membuat ListView di Android memakai Android Studio. Silahkan dipelajari dan dipraktekkan. Jangan lupa share artikel ini biar lebih bermanfaat. Terima kasih.

Author : Nur Muhammad Erji Ridho Lubis
Website : www.portalcoding.com
Theme : Programming tutorials
Sumber http://scqq.blogspot.com

Share this post

Berlangganan update artikel terbaru via email: