Belajar Cara Membuat ListView Sederhana di Android

  • Post
    codeorayo
    Keymaster
    none
    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.

    [img width=320,height=227]https://1.bp.blogspot.com/-zdP2rlPZuDw/WCRfxQX-6zI/AAAAAAAAGIY/rPWolz7mGyACi6U3sxsxgGUPRVexWJYCgCLcB/s320/Cara-membuat-ListView-Sederhana-di-Android.png[/img]

    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.

    [table]

    [tr]

    [/tr]

    [tr]

    [/tr]

    [/table]

    [td][img width=194,height=320]https://1.bp.blogspot.com/-8WawCjzEhAs/WCRgj-VVrHI/AAAAAAAAGIc/pyPifYjO11020HhiRW3jr1bqtXwYxIwoACLcB/s320/listview-layout-android.png[/img][/td]
    [td]ListView Pallete[/td]

    3. Maka haslinya akan seperti ini 

    activity_main.xml


  •         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”>

  •  

  •     

  •     

  •             android:layout_width=”match_parent”

  •             android:layout_height=”match_parent”

  •             android:layout_marginTop=”17dp”

  •             android:id=”@+id/list_view”

  •  

  •             />

  •  

  •     

  •             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”/>



  • 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 adapter = new ArrayAdapter(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 :

    [img width=192,height=320]https://2.bp.blogspot.com/-luSQydnjWfs/WCRiRyXWhJI/AAAAAAAAGIo/XT6p3VJ6InwyaapehHKz3KKyG-EeBuRdwCLcB/s320/Hasil-tampilan-ListView-Android-Okedroid.png[/img]

Ampuh! Ini rahasia mengembangkan aplikasi secara instan, tinggal download dan kembangkan. Gabung sekarang juga! Premium Membership [PRIVATE] https://premium.codeorayo.com
  • You must be logged in to reply to this topic.