Memahami Penggunaan ArrayAdapter di Android Studio


Assalamualaikum Warahmatullahi Wabarakatuh.

Pada tutorial ini kita akan belajar Penggunaan ArrayAdapter pada Android Studio, ArrayAdapter berfungsi untuk mengatur konten yang akan ditmpilkan pada View, ArrayAdapter pada umunya digunakan untuk mengatur konten yang akan ditampilkan pada ListView atau RecyclerView, data yang akan ditampilkan tersebut, tersimpan didalam ArrayList, jadi ArrayAdapter menerima data dari ArrayList, lalu menampilkannya pada ListView atau RecyclerView.

Memahami Penggunaan ArrayAdapter di Android Studio

Pada materi ini, kita akan belajar membuat program dengan menggunakan ArrayAdapter, untuk tutorial dasar ini, kita akan mencoba mengimplementasikan ArrayAdapter tersebut pada ListView.

Pada program aplikasi yang akan kita buat, user diharuskan untuk menginputkan data, dimana data yang diinputkan tadi akan ditampilkan pada ListView.

Materi-materi yang akan kita pelajari adalah :

  • Memahami Konsep ArrayAdapter
  • Kapan Menggunakan ArrayAdapter 
  • Contoh Penerapan ArrayAdapter pada ListView


Materi lainnya yang direkomendasikan:

Memahami Penggunaan ArrayAdapter di Android Studio

1) Buka aplikasi Android Studio kalian, Buat Project Baru.

2) Selanjutnya kita akan membuat desain layout pada activity_main,xml, disini kita akan menambahkan beberapa komponen seperti Edittext, Button, ListViw, TextView dan juga ScrollView.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:layout_margin="8dp"
    android:orientation="vertical"
    android:background="#FFF5F5F5"
    tools:context="android.cianjur.developer.net.basicandroid.MainActivity">

    <EditText
        android:id="@+id/input_data"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:hint="Masukan Data"
        android:inputType="textPersonName" />

    <Button
        android:id="@+id/save_data"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Simpan Data" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:gravity="center"
        android:text="Daftar/List Data"
        android:textStyle="bold" />

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

View:

Layout Design ArrayAdapter example

3) Membuat Class yang memiliki fungsi/method Getter dan Setter, class ini digunakan untuk menset konten dan mengembalikan nilai dari konten tersebut.

Buat Class baru, berimana class tersebut, misalnya "konten".

package android.cianjur.developer.net.basicandroid;

public class konten {
    
    private String data;

    public String getData() {
        return data;
    }

    public void setData(String data) {
        this.data = data;
    }
    
    public String toString(){
        return (getData());
    }
}

4) Buka file MainActiviy.java pada project kalian, disini kita akan menginisialisasi ArrayList dan juga ArrayAdapter dengan parameter konten (yaitu class Getter dan Setter). Lalu kita implementasikan adapter tersebut pada ListView.

package android.cianjur.developer.net.basicandroid;

/*
 Dibuat Oleh WILDAN M ATHOILLAH
 */

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ListView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity{

    ///Inisialisasi ArrayList
    private List kontenList = new ArrayList<>();
    //Inisialisasi ArrayAdapter
    private ArrayAdapter adapter = null;
    //Inisialisasi Variable ListVIew
    private ListView listView;

    //Inisialisasi Komponen2 Pendukung
    private EditText InputData;
    private Button SaveData;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView = findViewById(R.id.list_data);
        InputData = findViewById(R.id.input_data);
        SaveData = findViewById(R.id.save_data);

        //Mengatur ArrayAdapter untuk listView
        adapter = new ArrayAdapter(this, android.R.layout.simple_list_item_1, kontenList);
        listView.setAdapter(adapter);

        SaveData.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //Menambahkan Konten yang akan ditampilkan pada ListView
                konten myKonten = new konten();
                myKonten.setData(InputData.getText().toString());
                adapter.add(myKonten);
                Toast.makeText(getApplicationContext(),"Data Tersimpan", Toast.LENGTH_SHORT).show();
            }
        });
    }
}

Untuk menambahkan konten pada ListView, kita dapat menggunakan method setData() yang terdapat didalam class konten, lalu mengembalikan nilai didalam method getData dengan menggunakan fungsi toString().

Demo:

Screenshot_ListView dengan ArrayAdapter Example

Terimakasih atas kunjungannya, semoga tutorial yang saya berikan bisa bermanfaat untuk kalian semua, selebihnya, mohon maaf bila ada kesalahan.

Wassalamualaikum Warahmatullahi Wabarakatuh.

Berlangganan update artikel terbaru via email:

0 Response to "Memahami Penggunaan ArrayAdapter di Android Studio"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel