Cara Membuat List Menggunakan RecyclerView di Aplikasi Android

Tutorial Dasar Cara Membuat List Menggunakan RecyclerView di android

Halo semuanya, bagaimana kabar kalian hari ini? Saya harap kalian semua dalam keadaan baik-baik saja. Sebelumnya saya sudah pernah membagikan tutorial cara membuat list pada aplikasi android menggunakan widget ListView. Dan sekarang, pada tutorial ini saya akan membagikan tutorial cara membuat list menggunakan RecyclerView di aplikasi android.

RecyclerView adalah tipe baru dari ListView yang dimodifikasi khusus. Ini adalah versi ListView yang lebih canggih dan membantu kita membuat aplikasi android yang lebih lancar dan efektif dengan banyak tampilan. Ini digunakan untuk menampilkan sejumlah besar data satu per satu ke dalam format list dengan bentuk vertikal.

Tidak seperti widget ListView yang sudah memiliki layout khusus untuk menampilkan data dalam list, RecyclerView harus menggunakan custom layout untuk membuat list. Ini bisa membuat kita semakin mudah untuk menampilkan data-data dengan desain yang kita inginkan. Bahkan kalian bisa menambahkan CardView untuk menampilkan data-data dalam RecyclerView. Mungkin pada tutorial selanjutnya saya akan membuat itu.

- Advertisement -

Jadi, dalam tutorial ini kalian akan belajar menggunakan widget RecyclerView dengan kombinasi widget TextView untuk menampilkan elemen array String di aplikasi android.

Tutorial Dasar Cara Membuat List Menggunakan RecyclerView di Android Studio

Buatlah projek android studio baru dengan informasi sebagai berikut:

Application Name:RecyclerView App
Package Name:com.androidrion.recyclerviewapp
Language:Java
Minimum SDK:API 15: Android 4.0.3 (IceCreamSandwich)

Daftar file xml layout yang digunakan dalam projek ini:

  1. activity_main.xml
  2. list_item.xml

Daftar file java yang digunakan dalam projek ini:

  1. AdapterRecyclerView.java
  2. MainActivity.java

Dibawah ini adalah langkah-langkah dalam pembuatan aplikasi RecyclerView App.

Dependencies File

Untuk menggunakan widget RecyclerView dalam projek, kalian harus menambahkan kode dalam file build.gradle (Module: app). Berikut ini adalah kode dependencies untuk mengaktifkan RecyclerView pada projek.

Gradle Scripts/build.gradle (Module: app)

    implementation 'com.google.android.material:material:1.0.0'

Kalian bisa mengikuti tutorial di bawah ini untuk meletakkan kode tersebut pada projek android studio.

CARA MENAMBAHKAN DEPENDENSI PADA ANDROID STUDIO

XML Layout File

Buatlah file xml layout baru dalam projek android studio kalian dengan cara klik kanan pada folder layout, lalu pilih New>Layout Resource file. Simpan file xml layout baru tersebut dengan nama file list_item. Tambahkan kode dibawah ini untuk membuat tampilan custom list. Berikut ini adalah kode lengkap untuk file list_item.xml

app/res/layout/list_item.xml

<?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="wrap_content"
    android:orientation="vertical"
    android:paddingLeft="16dp"
    android:paddingTop="10dp"
    android:paddingRight="16dp"
    android:paddingBottom="10dp">

    <TextView
        android:id="@+id/textItem"
        style="@style/TextAppearance.AppCompat.Medium"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@android:color/black"
        android:hint="Facebook" />
</LinearLayout>

Masih di dalam folder layout, buka file activity_main.xml pada aplikasi android studio kalian dan tambahkan kode di bawah ini untuk menampilkan RecyclerView di aplikasi kalian. Berikut ini adalah kode lengkap untuk file activity_main.xml

app/res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<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"
    tools:context=".MainActivity">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:scrollbars="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerInParent="true"
        tools:listitem="@layout/list_item"/>

</RelativeLayout>

Java Activity File

Setelah mendesain file layout, buatlah file java baru dengan cara klik kanan pada folder java lalu pilih New>Java class. Simpan file java baru tersebut dengan nama file AdapterRecyclerView. Berikut ini adalah kode lengkap untuk file AdapterRecyclerView.java

app/java/com.androidrion.recyclerviewapp/AdapterRecyclerView.java

package com.androidrion.recyclerviewapp;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

public class AdapterRecyclerView extends RecyclerView.Adapter<AdapterRecyclerView.ViewHolder> {

    private String[] SubjectValues;
    private Context context;

    AdapterRecyclerView(Context context1, String[] SubjectValues1) {

        SubjectValues = SubjectValues1;
        context = context1;
    }

    static class ViewHolder extends RecyclerView.ViewHolder {

        TextView textView;

        ViewHolder(View v) {

            super(v);

            textView = v.findViewById(R.id.textItem);
        }
    }

    @NonNull
    @Override
    public AdapterRecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {

        View view = LayoutInflater.from(context).inflate(R.layout.list_item, parent, false);

        return new ViewHolder(view);
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {

        holder.textView.setText(SubjectValues[position]);
    }

    @Override
    public int getItemCount() {

        return SubjectValues.length;
    }
}

Buka file MainActivity dalam folder java pada projek android studio kalian dan tambahkan kode dibawah ini untuk membuat item yang akan di tampilkan pada widget RecyclerView. Berikut ini adalah kode lengkap untuk file MainActivity.java

app/java/com.androidrion.recyclerviewapp/MainActivity.java

package com.androidrion.recyclerviewapp;

import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import android.content.Context;
import android.os.Bundle;
import android.widget.RelativeLayout;

public class MainActivity extends AppCompatActivity {

    Context context;
    RecyclerView recyclerView;
    RecyclerView.Adapter recyclerViewAdapter;
    RecyclerView.LayoutManager recylerViewLayoutManager;
    String[] subjects = {
            "Facebook", "Twitter", "Instagram", "SnapChat",
            "WhatsApp", "LINE", "KakaoTalk", "Telegram", "Messenger",
            "YouTube", "TikTok", "Vine", "Vimeo",
            "Figma", "Adobe XD", "Sketch", "Framer",
            "Android", "iOS", "Windows",
            "Opera", "Mozilla", "Safari", "Edge",
            "Paypal", "Mastercard", "Visa",
            "Bitcoin", "Ethereum"
    };

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

        context = getApplicationContext();
        recyclerView = findViewById(R.id.recyclerView);
        recylerViewLayoutManager = new LinearLayoutManager(context);
        recyclerView.setLayoutManager(recylerViewLayoutManager);
        recyclerViewAdapter = new AdapterRecyclerView(context, subjects);
        recyclerView.setAdapter(recyclerViewAdapter);
    }
}

Run ‘app’

Sekarang jalankan projek android studio kalian. Pada tampilan awal aplikasi, kalian bisa melihat daftar item yang tersusun vertikal. Kalian bisa scroll aplikasi untuk melihat item lainnya yang tertutup aplikasi. Jika kode diatas tidak terjadi error, maka aplikasi akan terlihat seperti pada gambar di bawah ini.

AKHIR KATA

Itulah tadi tutorial singkat cara menggunakan RecyclerView di android studio. Tutorial diatas sangatlah mudah dikerjakan karena mengingat tutorial diatas barulah tutorial dasar. Disini kita tidak bisa melihat perbedaan apakah aplikasi ini dibuat menggunakan RecyclerView atau ListView karena tampilan yang kita buat sama dengan widget ListView.

Jika kalian mengalami kendala saat melakukan tutorial di atas, silahkan komentar di bawah artikel ini. Jangan lupa untuk like dan subscribe Channel YouTube Android Rion. Semoga artikel ini membantu kalian. Terima Kasih.

- Advertisement -

Get real time updates directly on you device, subscribe now.

You might also like

- Advertisement -

Leave A Reply

Your email address will not be published.