কম্পিউটার টিউটোরিয়াল
 Computer >> কম্পিউটার টিউটোরিয়াল >  >> প্রোগ্রামিং >> Android

Android-এ RecyclerView-এ অসীম লিস্ট (Endless Scrolling) বাস্তবায়ন

Android-এ RecyclerView-এ অসীম লিস্ট (Endless/Pagination Scrolling) বাস্তবায়ন

Endless Scrolling (Infinite Scroll/Pagination) হলো একটি প্যাটার্ন যেখানে ব্যবহারকারী লিস্টের শেষে পৌঁছালে স্বয়ংক্রিয়ভাবে নতুন ডেটা লোড হয়। এটি বড় ডেটাসেট হ্যান্ডেল করার জন্য প্রয়োজনীয় এবং ব্যবহারকারীর অভিজ্ঞতা উন্নত করে।

প্রয়োজনীয় ধাপসমূহ

ধাপ ১: নতুন প্রজেক্ট তৈরি করুন এবং ডিপেন্ডেন্সি যোগ করুন

dependencies {
    implementation 'androidx.recyclerview:recyclerview:1.3.2'
    implementation 'androidx.cardview:cardview:1.0.0'
    // Kotlin-এ
    // implementation 'androidx.recyclerview:recyclerview:1.3.2'
}

ধাপ ২: মেইন লেআউট (res/layout/activity_main.xml)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:clipToPadding="false"
        android:paddingBottom="16dp" />

</LinearLayout>

ধাপ ৩: আইটেম লেআউট (res/layout/item_row.xml)

<?xml version="1.0" encoding="utf-8"?>
<androidx.cardview.widget.CardView
    xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:app="https://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginHorizontal="16dp"
    android:layout_marginVertical="8dp"
    app:cardElevation="4dp"
    app:cardCornerRadius="8dp"
    app:cardUseCompatPadding="true">

    <TextView
        android:id="@+id/textViewItem"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="16dp"
        android:textSize="16sp"
        android:textColor="@android:color/black" />

</androidx.cardview.widget.CardView>

ধাপ ৪: লোডিং আইটেম লেআউট (res/layout/item_loading.xml)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:gravity="center"
    android:padding="16dp">

    <ProgressBar
        android:id="@+id/progressBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:indeterminate="true" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:text="লোড হচ্ছে..."
        android:textColor="@android:color/darker_gray" />

</LinearLayout>

ধাপ ৫: RecyclerView অ্যাডাপ্টার (RecyclerViewAdapter.java)

package app.com.sample;

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

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

    private static final int VIEW_TYPE_ITEM = 0;
    private static final int VIEW_TYPE_LOADING = 1;

    private List<String> mItemList;
    private OnLoadMoreListener onLoadMoreListener;

    public interface OnLoadMoreListener {
        void onLoadMore();
    }

    public void setOnLoadMoreListener(OnLoadMoreListener listener) {
        this.onLoadMoreListener = listener;
    }

    public RecyclerViewAdapter(List<String> itemList) {
        this.mItemList = itemList;
    }

    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        LayoutInflater inflater = LayoutInflater.from(parent.getContext());
        if (viewType == VIEW_TYPE_ITEM) {
            View view = inflater.inflate(R.layout.item_row, parent, false);
            return new ItemViewHolder(view);
        } else {
            View view = inflater.inflate(R.layout.item_loading, parent, false);
            return new LoadingViewHolder(view);
        }
    }

    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
        if (holder instanceof ItemViewHolder) {
            ((ItemViewHolder) holder).bind(mItemList.get(position));
        } else if (holder instanceof LoadingViewHolder) {
            ((LoadingViewHolder) holder).bind();
        }
    }

    @Override
    public int getItemCount() {
        return mItemList == null ? 0 : mItemList.size();
    }

    @Override
    public int getItemViewType(int position) {
        // null আইটেম = লোডিং ভিউ
        return mItemList.get(position) == null ? VIEW_TYPE_LOADING : VIEW_TYPE_ITEM;
    }

    // আইটেম ভিউহোল্ডার
    static class ItemViewHolder extends RecyclerView.ViewHolder {
        TextView tvItem;

        ItemViewHolder(@NonNull View itemView) {
            super(itemView);
            tvItem = itemView.findViewById(R.id.textViewItem);
        }

        void bind(String text) {
            tvItem.setText(text);
        }
    }

    // লোডিং ভিউহোল্ডার
    static class LoadingViewHolder extends RecyclerView.ViewHolder {
        ProgressBar progressBar;

        LoadingViewHolder(@NonNull View itemView) {
            super(itemView);
            progressBar = itemView.findViewById(R.id.progressBar);
        }

        void bind() {
            progressBar.setIndeterminate(true);
        }
    }
}

ধাপ ৬: MainActivity.java - স্ক্রোল লিসেনার এবং পেজিনেশন লজিক

package app.com.sample;

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

public class MainActivity extends AppCompatActivity {

    private RecyclerView recyclerView;
    private RecyclerViewAdapter adapter;
    private List<String> dataList = new ArrayList<>();
    private boolean isLoading = false;
    private int currentPage = 0;
    private static final int PAGE_SIZE = 20;
    private static final int TOTAL_PAGES = 5; // ডেমোর জন্য সীমিত

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

        recyclerView = findViewById(R.id.recyclerView);
        recyclerView.setLayoutManager(new LinearLayoutManager(this));

        adapter = new RecyclerViewAdapter(dataList);
        recyclerView.setAdapter(adapter);

        // প্রাথমিক ডেটা লোড
        loadFirstPage();

        // এন্ডলেস স্ক্রোল লিসেনার
        recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
            @Override
            public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);

                LinearLayoutManager layoutManager = (LinearLayoutManager) recyclerView.getLayoutManager();
                if (layoutManager == null || isLoading) return;

                int visibleItemCount = layoutManager.getChildCount();
                int totalItemCount = layoutManager.getItemCount();
                int firstVisibleItemPosition = layoutManager.findFirstVisibleItemPosition();

                // লোডিং ট্রিগার: শেষ আইটেম দৃশ্যমান হলে
                if (!isLoading && (visibleItemCount + firstVisibleItemPosition) >= totalItemCount - 3) {
                    // ৩ আইটেম আগেই লোডিং শুরু
                    loadMore();
                }
            }
        });

        // অ্যাডাপ্টারের লোড মোর লিসেনার (বিকল্প প্যাটার্ন)
        adapter.setOnLoadMoreListener(() -> {
            if (!isLoading) loadMore();
        });
    }

    private void loadFirstPage() {
        isLoading = true;
        // লোডিং আইটেম যোগ করুন (শুধু যদি লিস্ট খালি থাকে)
        dataList.add(null); // লোডিং 플레이스হোল্ডার
        adapter.notifyItemInserted(dataList.size() - 1);

        new Handler(Looper.getMainLooper()).postDelayed(() -> {
            // লোডিং আইটেম মুছে ফেলুন
            dataList.remove(dataList.size() - 1);
            adapter.notifyItemRemoved(dataList.size());

            // আসলে ডেটা যোগ করুন
            for (int i = 0; i < PAGE_SIZE; i++) {
                dataList.add("আইটেম " + (currentPage * PAGE_SIZE + i + 1));
            }
            adapter.notifyItemRangeInserted(currentPage * PAGE_SIZE, PAGE_SIZE);
            currentPage++;
            isLoading = false;
        }, 1500); // সিমুলেটেড নেটওয়ার্ক ডিলে
    }

    private void loadMore() {
        if (currentPage >= TOTAL_PAGES) {
            Toast.makeText(this, "আর ডেটা নেই", Toast.LENGTH_SHORT).show();
            return;
        }

        isLoading = true;
        // লোডিং আইটেম যোগ করুন (শেষে)
        dataList.add(null);
        adapter.notifyItemInserted(dataList.size() - 1);

        new Handler(Looper.getMainLooper()).postDelayed(() -> {
            // লোডিং আইটেম মুছে ফেলুন
            int loadingPosition = dataList.size() - 1;
            dataList.remove(loadingPosition);
            adapter.notifyItemRemoved(loadingPosition);

            // নতুন ডেটা যোগ করুন
            int startPos = currentPage * PAGE_SIZE;
            for (int i = 0; i < PAGE_SIZE; i++) {
                dataList.add("আইটেম " + (startPos + i + 1));
            }
            adapter.notifyItemRangeInserted(startPos, PAGE_SIZE);
            currentPage++;
            isLoading = false;
        }, 2000); // নেটওয়ার্ক ডিলে সিমুলেশন
    }
}

উন্নত প্যাটার্ন: Paging 3 Library (Google-এর অফিসিয়াল সমাধান)

জটিল পেজিনেশন, ক্যাশিং, এরর হ্যান্ডলিং, রিফ্রেশ, এবং ডেটাবেস/নেটওয়ার্ক সিঙ্কের জন্য Google-এর Paging 3 লাইব্রেরি ব্যবহার করুন:

ডিপেন্ডেন্সি

dependencies {
    implementation 'androidx.paging:paging-runtime:3.2.1'
    // RxJava / Flow / LiveData সাপোর্ট
    implementation 'androidx.paging:paging-rxjava3:3.2.1'
    implementation 'androidx.paging:paging-compose:3.2.1' // Compose-এ
}

PagingSource বাস্তবায়ন (Network + Database)

import androidx.paging.PagingSource;
import androidx.paging.LoadParams;
import androidx.paging.LoadResult;
import retrofit2.Response;

public class ItemPagingSource extends PagingSource<Integer, String> {

    private final ApiService apiService;

    public ItemPagingSource(ApiService apiService) {
        this.apiService = apiService;
    }

    @Override
    public LoadParams<Integer> getRefreshKey(LoadResult<Integer, String> loadResult) {
        return new LoadParams<Integer>(loadResult.getKey() != null ? loadResult.getKey() : 1);
    }

    @Override
    public LoadResult<Integer, String> load(LoadParams<Integer> params) {
        int page = params.getKey();
        try {
            Response<List<String>> response = apiService.getItems(page, PAGE_SIZE).execute();
            if (response.isSuccessful() && response.body() != null) {
                List<String> items = response.body();
                int nextKey = items.size() == PAGE_SIZE ? page + 1 : null;
                int prevKey = page > 1 ? page - 1 : null;
                return new LoadResult.Page<>(items, prevKey, nextKey);
            } else {
                return new LoadResult.Error<>(new IOException("Server error"));
            }
        } catch (Exception e) {
            return new LoadResult.Error<>(e);
        }
    }
}

ViewModel-এ Pager

import androidx.paging.Pager;
import androidx.paging.PagingConfig;
import androidx.paging.PagingData;
import androidx.lifecycle.ViewModel;
import kotlinx.coroutines.flow.MutableStateFlow;

public class ItemViewModel extends ViewModel {
    public MutableStateFlow<PagingData<String>> pagingData = new MutableStateFlow<>();

    public void init() {
        Pager<Integer, String> pager = new Pager<>(
                new PagingConfig(PAGE_SIZE, PAGE_SIZE, false, PAGE_SIZE),
                () -> new ItemPagingSource(apiService)
        );
        // Flow-এ কনভার্ট করুন (Kotlin-এ .cachedIn(viewModelScope))
        // Java-এ LiveData/RxJava ব্যবহার করুন
    }
}

RecyclerView-এ PagingDataAdapter

import androidx.paging.PagingDataAdapter;
import androidx.recyclerview.widget.DiffUtil;

public class PagingItemAdapter extends PagingDataAdapter<String, ItemViewHolder> {

    public PagingItemAdapter() {
        super(new DiffUtil.ItemCallback<String>() {
            @Override
            public boolean areItemsTheSame(@NonNull String oldItem, @NonNull String newItem) {
                return oldItem.equals(newItem);
            }
            @Override
            public boolean areContentsTheSame(@NonNull String oldItem, @NonNull String newItem) {
                return oldItem.equals(newItem);
            }
        });
    }
    // onCreateViewHolder, onBindViewHolder একই
}

Activity-এ submitData

// Java-এ RxJava বা LiveData ব্যবহার করুন
viewModel.pagingData.observe(this, pagingData -> adapter.submitData(getLifecycle(), pagingData));

পারফরম্যান্স টিপস

  • RecyclerView.setHasFixedSize(true) যদি আইটেম আকার الثابت থাকে
  • setItemViewCacheSize() বাড়ান (ডিফল্ট ২, বড় লিস্টের জন্য ১০-২০)
  • DiffUtil ব্যবহার করুন (PagingDataAdapter-এ বিল্ট-ইন)
  • Payloads ব্যবহার করুন আংশিক আপডেটের জন্য
  • ছবি লোডিংয়ে Glide/Picasso/Coil ব্যবহার করুন

ধাপ ৭: AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
    package="app.com.sample">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">

        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

    </application>
</manifest>

অ্যাপ্লিকেশন চালানোর পদ্ধতি

আপনার Android ডিভাইস কম্পিউটারের সাথে সংযুক্ত করুন। Android Studio-তে Run আইকনে ক্লিক করুন। নিচে স্ক্রোল করলে স্বয়ংক্রিয়ভাবে নতুন আইটেম লোড হবে।

Android-এ RecyclerView-এ অসীম লিস্ট (Endless Scrolling) বাস্তবায়ন

ত্রিভুজ
ত্রিভুজ

  1. BroadcastReceiver দিয়ে Android-এ শিডিউল্ড নোটিফিকেশন

  2. এন্ড্রয়েডে SearchView ব্যবহার করার পদ্ধতি

  3. অ্যান্ড্রয়েডে SearchView দিয়ে RecyclerView ফিল্টার করবেন কীভাবে?

  4. অ্যান্ড্রয়েডে ডাটাবেস সহ RecyclerView কীভাবে ব্যবহার করবেন?