Cara Menambahkan Divider Atau Separator Pada Widget RecyclerView

Tutorial Cara Menambahkan Divider atau Separator Pada Widget RecyclerView di Aplikasi Android

Halo semuanya, bagaimana kabar kalian hari ini? Saya harap kalian semua dalam keadaan yang baik-baik saja. Sebelumnya saya sudah membagikan kepada kalian Tutorial cara menampilkan list pada aplikasi android menggunakan widget RecyclerView. Hasil pada tutorial tersebut tidak menampilkan divider recyclerview android.

Mungkin dari kalian menganggap ini tidak begitu penting, namun dalam teknik desain user interface, ini sangat penting. Karena kita bisa mengetahui bahwa tampilan pada aplikasi dalam bentuk daftar (list). Dan, banyak juga aplikasi yang menerapkan ini karena ini sangat penting bagi user.

Untuk itu pada kesempatan kali ini saya akan membagikan tutorial cara menambahkan divider atau separator pada widget RecyclerView di aplikasi android dengan dua metode.

- Advertisement -

Tutorial Cara Menambahkan Divider atau Separator Pada Widget RecyclerView

Untuk tutorial kali ini, kalian bisa menggunakan projek pada tutorial sebelumnya atau kalian bisa mendownload pada link di bawah ini.

Metode 1: XML Layout File

Buka file list_item.xml pada projek android studio kalian. Gunakan kode dibawah ini untuk membuat divider atau separator pada widget recyclerview. Berikut ini adalah kode lengkap untuk 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">

    <LinearLayout
        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:hint="Facebook"
            android:textColor="@android:color/black" />
    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@android:color/darker_gray" />
</LinearLayout>

Metode 2: Java Activity File

Buka file MainActivity dalam folder java pada projek android studio kalian. Tambahkan kode dibawah ini untuk membuat divider pada widget recyclerview dengan menggunakan file java.

recyclerView.addItemDecoration(new DividerItemDecoration(this, LinearLayoutManager.VERTICAL));

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.DividerItemDecoration;
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.addItemDecoration(new DividerItemDecoration(this, LinearLayoutManager.VERTICAL));
        recyclerView.setAdapter(recyclerViewAdapter);
    }
}

Run ‘app’

Sekarang jalankan projek android studio kalian. Seperti pada hasil sebelumnya, kalian bisa melihat item yang tersusun rapi secara vertikal. Tetapi untuk kali ini, kalian bisa melihat pembatas pada RecyclerView. Jika kode diatas tidak terjadi error, maka aplikasi akan terlihat seperti pada gambar dibawah ini.

AKHIR KATA

Itulah tutorial singkat dan mudah cara menambahkan divider atau separator pada widget RecyclerView. Mana yang lebih baik? itu tergantung dengan tampilan dari aplikasi kalian. Jika kalian menggunakan RecyclerView secara dasar, maka metode 2 lebih baik karena kode yang digunakan hanya satu baris. Sedangkan jika kalian menggunakan desain yang menarik, maka menggunakan metode 1 terbaik. Karena menggunakan metode 1 kita bisa ikut mendesain divider tersebut.

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.