Android ListView Tutorial

post sampul9

Haloo sahabat codenesia, kali ini saya akan berbagi tutorial mengenai pemrograman android. Dan dalam sesi tutorial kali ini kita akan belajar mengenai penggunaan ListView dalam aplikasi android. Apa sih gunanya listview itu? Listview dapat digunakan untuk menampilkan data dalam bentuk list yang memungkinkan pengguna untuk melakukan scrolling. ListView banyak digunakan dalam beberapa aplikasi android, diantaranya yaitu aplikasi facebook, Line, WhatsApp dan masih banyak aplikasi lainnya. Tetapi dalam tutorial kali ini, kita akan hanya belajar konsep dasar dari ListView dan kita akan membuat ListView sederhana dalam aplikasi android.

Langsung saja, kita mulai tutorialnya. Pertama, kalian harus membuka aplikasi Eclipse ADT Bundle atau Android Studio.

– Jika kalian menggunakan Android Studio, maka langkah-langkahnya yaitu klik file, kemudian klik new, lalu pilih new project, maka akan ada tampilan seperti dibawah ini :

new project1

 

–  Silahkan isi kolom Application name dengan isian “ListView Tutorial” (tanpa tanda petik). Kemudian Klik Next. Maka akan muncul tampilan seperti pada gambar dibawah ini

 

new project2

 

– Silahkan isikan isian Minimum SDK seperti gambar diatas, maksud dari Minimum SDK adalah jika anda men-setting minimum SDK yaitu API 14: Android 4.0 (Ice Cream Sandwich), maka aplikasi yang anda kembangkan hanya bisa berjalan di Sistem Operasi Android 4.0 keatas, Jadi aplikasi yang akan anda kembangkan tidak bisa berjalan di sistem operasi versi 4.0 atau ICS kebawah. Jika kalian ingin men-run project aplikasi di smartphone anda, maka silahkan isi minimum SDK sesuai versi android yang ada di smartphone anda. Setelah anda sudah mengisi isian minimum SDK, silahkan klik tombol Next. Maka akan muncul tampilan seperti gambar dibawah

new project3

 

– Silahkan pilih Blank Activity, lalu klik tombol Next, maka akan muncul tampilan seperti dibawah

new project4

– Lalu klik finish

Oke, kita sudah berhasil membuat new project di Android Studio. Kita tahu bahwa dalam pemrograman android, ada dua file yang menjadi perhatian bagi kita yaitu file .xml yang digunakan untuk mendesain sebuah antarmuka atau layout aplikasi android dan file .java yang digunakan untuk logic programming dari suatu aplikasi.Pertama kita akan membuat layout .xml yang akan digunakan sebagai antarmuka dari aplikasi yang akan kita kembangkan. Dalam aplikasi yang akan kita kembangkan ini, kita hanya membutuhkan satu buah layout yaitu layout activity_main.xml

Code activity_main.xml

<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:paddingBottom="15dp"
 android:paddingLeft="15dp"
 android:paddingRight="15dp"
 android:paddingTop="15dp"
 tools:context=".MainActivity">

 <ListView
 android:id="@+id/list"
 android:layout_width="match_parent"
 android:layout_height="match_parent" />

</RelativeLayout>

Setelah kita selesai membuat layout activity_main.xml, kemudian kita akan membuat logic programming di file java, yaitu di MainActivity.java. Silahkan kalian menuliskan kode seperti dibawah ini di MainActivity.java

Code MainActivity.java

package com.example.dwijanto.listviewtutorial;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        displayList();
    }

    public void displayList() {
        final String[] bulan = {"Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September",
                "Oktober", "November", "Desember"};
        ListView list = (ListView) findViewById(R.id.list);
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, bulan);
        list.setAdapter(adapter);
        list.setOnItemClickListener(new OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> arg0, View v, int posisi,
                                    long id) {
                // TODO Auto-generated method stub
                Toast.makeText(getApplicationContext(), "Bulan yang anda pilih: " + bulan[posisi], Toast.LENGTH_LONG).show();
            }

        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}

PERHATIAN : Untuk kode yang paling atas yaitu kode package com.example.dwijanto.listviewtutorialharus disesuaikan dengan nama package project aplikasi yang anda buat. Atau secara mudahnya, kalian copas semua kode Baris ke 3 sampai baris terakhir, kemudian paste di project anda dan disesuaikan di file project anda. 

PENJELASAN CODE :

– Untuk penjelasan code, disini kita hanya memusatkan perhatian pada code Method displayList. Pada baris ke 24, variabel bulan merupakan variabel yang akan ditampilkan di ListView. Perlu diingat, variabel yang akan ditampilkan dalam ListView harus berbentuk Array atau Berbentuk List.

– Pada baris ke 27, merupakan code untuk mendeklarasikan suatu adapter yang berfungsi Adapter untuk mengatur item-item pada ListView dan mengatur resource view pada setiap item dari ListView

– Pada baris 31 berisi code yang digunakan untuk penanganan event jika pengguna menyentuh salah satu item di ListView.

Untuk hasil dari tutorial ini makan akan menghasilkan suatu aplikasi seperti gambar dibawah ini :

Screenshot_2015-09-09-18-57-45

Terima Kasih banyak kalian telah menyempatkan waktu untuk melihat tutorial ini, untuk source code lengkapnya kalian bisa mengunduh di github, Klik Disini

One thought on “Android ListView Tutorial

Leave a Reply

Your email address will not be published. Required fields are marked *