Menampilkan Daftar
Data Dinamis 📜

<!-- item_row.xml (Desain untuk 1 baris) -->
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" <!-- WAJIB wrap_content! -->
    android:orientation="horizontal"
    android:padding="16dp"
    android:layout_marginBottom="8dp">

    <ImageView
        android:id="@+id/imgFoto"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:scaleType="centerCrop" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_marginStart="16dp">

        <TextView
            android:id="@+id/tvNamaKopi"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textStyle="bold"
            android:textSize="18sp" />

        <TextView
            android:id="@+id/tvHarga"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textColor="#0d9488" />

    </LinearLayout>
</LinearLayout>

package com.example.recyclerviewapp;

// Model Data (Class Java biasa tanpa extends)
public class Kopi {
    private String nama;
    private String harga;
    private int fotoResId; // Tipe INT karena merujuk ke id R.drawable.nama_foto

    // Constructor (Fungsi untuk memasukkan data ke kotak)
    public Kopi(String nama, String harga, int fotoResId) {
        this.nama = nama;
        this.harga = harga;
        this.fotoResId = fotoResId;
    }

    // Getter (Fungsi untuk mengambil kembali datanya)
    public String getNama() { return nama; }
    public String getHarga() { return harga; }
    public int getFotoResId() { return fotoResId; }
}

package com.example.recyclerviewapp;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;
import java.util.ArrayList;

// Class Adapter wajib meng-extends RecyclerView.Adapter
public class KopiAdapter extends RecyclerView.Adapter<KopiAdapter.KopiViewHolder> {

    private ArrayList<Kopi> listKopi;

    // Konstruktor (Menerima ember berisi tumpukan data dari MainActivity)
    public KopiAdapter(ArrayList<Kopi> list) {
        this.listKopi = list;
    }

    // TAHAP 1 (Proses Berat): Membuat cetakan bungkus kosong (Memfotokopi item_row.xml)
    // Dipanggil hanya beberapa kali oleh sistem Android.
    @NonNull
    @Override
    public KopiViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_row, parent, false);
        return new KopiViewHolder(view);
    }

    // TAHAP 2 (Proses Ringan): Mengisi data ke dalam cetakan yang sudah dibuat 
    // Dipanggil terus-menerus setiap kali kamu nge-scroll layar.
    @Override
    public void onBindViewHolder(@NonNull KopiViewHolder holder, int position) {
        Kopi kopi = listKopi.get(position); // Ambil data urutan ke-N
        holder.tvNama.setText(kopi.getNama()); // Tempel ke TextView
        holder.tvHarga.setText(kopi.getHarga());
        holder.imgFoto.setImageResource(kopi.getFotoResId());
    }

    // TAHAP 3: Beri tahu sistem berapa total data yang ada di dalam keranjang
    @Override
    public int getItemCount() {
        return listKopi.size();
    }

    // ========================================================
    // SUB-CLASS VIEWHOLDER (Tukang cari ID Komponen di dalam item_row.xml)
    public class KopiViewHolder extends RecyclerView.ViewHolder {
        TextView tvNama, tvHarga;
        ImageView imgFoto;

        public KopiViewHolder(@NonNull View itemView) {
            super(itemView);
            // Wajib pakai itemView.findViewById karena komponennya ada di file xml lain
            tvNama = itemView.findViewById(R.id.tvNamaKopi);
            tvHarga = itemView.findViewById(R.id.tvHarga);
            imgFoto = itemView.findViewById(R.id.imgFoto);
        }
    }
}

package com.example.recyclerviewapp;

import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

    private RecyclerView rvKopi;
    private ArrayList<Kopi> listData = new ArrayList<>();

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

        rvKopi = findViewById(R.id.rvKopi);

        // 1. Siapkan Datanya (Menambah 4 objek Kopi ke dalam ArrayList)
        // PASTIKAN GAMBAR SUDAH ADA DI FOLDER DRAWABLE SEBELUM MENGETIK KODE INI!
        listData.add(new Kopi("Kopi Hitam", "Rp 15.000", R.drawable.ic_kopi1));
        listData.add(new Kopi("Cappuccino", "Rp 25.000", R.drawable.ic_kopi2));
        listData.add(new Kopi("Matcha Latte", "Rp 30.000", R.drawable.ic_kopi3));
        listData.add(new Kopi("Red Velvet", "Rp 28.000", R.drawable.ic_kopi4));

        // 2. Atur LayoutManager (Wajib! Agar tahu mau disusun vertikal atau grid)
        rvKopi.setLayoutManager(new LinearLayoutManager(this));

        // 3. Panggil pekerja keras kita (Adapter), serahkan datanya, lalu pasang ke RecyclerView
        KopiAdapter adapter = new KopiAdapter(listData);
        rvKopi.setAdapter(adapter);
    }
}