অ্যান্ড্রয়েডে NestedScrollView-এ RecyclerView ব্যবহার করা

NestedScrollView-এর ভেতরে RecyclerView সঠিকভাবে বাস্তবায়ন

এই উদাহরণটি দেখাবে কীভাবে একটি NestedScrollView-এর ভেতরে RecyclerView (GridLayoutManager) ব্যবহার করে স্ক্রলযোগ্য তালিকা তৈরি করা যায়। আধুনিক অ্যান্ড্রয়েডে এটি সাধারণ UI প্যাটার্ন।

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

dependencies {
    implementation 'com.android.support:appcompat-v7:28.0.0'
    implementation 'com.android.support:design:28.0.0'
    implementation 'com.android.support:recyclerview-v7:28.0.0'
    implementation 'com.android.support:cardview-v7:28.0.0'
    implementation 'com.intuit.sdp:sdp-android:1.0.3'
}

ধাপ ২: মূল লেআউট (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.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:focusableInTouchMode="true"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/sellerProduct"
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:adjustViewBounds="true"
                android:src="@drawable/iphone"
                android:scaleType="fitXY"
                android:contentDescription="@string/app_name" />

            <androidx.recyclerview.widget.RecyclerView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scrollbars="vertical"
                android:id="@+id/productList"/>

        </LinearLayout>
    </androidx.core.widget.NestedScrollView>
</LinearLayout>

ধাপ ৩: আইটেম লেআউট (res/layout/list_item.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:orientation="vertical"
    app:cardElevation="2dp"
    app:cardUseCompatPadding="true">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="vertical"
        android:padding="8dp">

        <ImageView
            android:id="@+id/phoneImage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:contentDescription="TODO"
            android:src="@drawable/iphone2" />

        <TextView
            android:id="@+id/phoneName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:text="IPHONE"
            android:textColor="@color/colorPrimaryDark"
            android:textSize="12sp"
            android:textStyle="bold" />

    </LinearLayout>
</androidx.cardview.widget.CardView>

ধাপ ৪: জাভা ক্লাস ফাইলসমূহ

PhoneAdapter.java

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

public class PhoneAdapter extends RecyclerView.Adapter<PhoneViewHolder> {
    private Context context;
    private List<ProductObject> productList;

    PhoneAdapter(Context context, List<ProductObject> productList) {
        this.context = context;
        this.productList = productList;
    }

    @NonNull
    @Override
    public PhoneViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item, parent, false);
        return new PhoneViewHolder(view);
    }

    @Override
    public void onBindViewHolder(PhoneViewHolder holder, int position) {
        ProductObject productObject = productList.get(position);
        int imageRes = getResourceId(context, productObject.getImagePath(), context.getPackageName());
        holder.phoneImage.setImageResource(imageRes);
        holder.phoneName.setText(productObject.getName());
    }

    @Override
    public int getItemCount() {
        return productList.size();
    }

    private static int getResourceId(Context context, String pVariableName, String pPackageName) {
        try {
            return context.getResources().getIdentifier(pVariableName, "drawable", pPackageName);
        } catch (Exception e) {
            throw new RuntimeException("Error getting Resource ID.", e);
        }
    }
}

PhoneViewHolder.java

import android.view.View;
import android.widget.ImageView;
import android.widget.TextView;
import androidx.recyclerview.widget.RecyclerView;

class PhoneViewHolder extends RecyclerView.ViewHolder {
    ImageView phoneImage;
    TextView phoneName;

    PhoneViewHolder(View itemView) {
        super(itemView);
        phoneName = itemView.findViewById(R.id.phoneName);
        phoneImage = itemView.findViewById(R.id.phoneImage);
    }
}

ProductObject.java

class ProductObject {
    private String imagePath;
    private String name;

    ProductObject(String name, String imagePath) {
        this.imagePath = imagePath;
        this.name = name;
    }

    String getImagePath() { return imagePath; }
    String getName() { return name; }
}

ধাপ ৫: মেইন এক্টিভিটি (src/MainActivity.java)

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

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        RecyclerView bestRecyclerView = findViewById(R.id.productList);
        GridLayoutManager mGrid = new GridLayoutManager(this, 2); // ২ কলাম
        bestRecyclerView.setLayoutManager(mGrid);
        bestRecyclerView.setHasFixedSize(true);

        PhoneAdapter mAdapter = new PhoneAdapter(this, getProductTestData());
        bestRecyclerView.setAdapter(mAdapter);
    }

    private List<ProductObject> getProductTestData() {
        List<ProductObject> featuredProducts = new ArrayList<>();
        featuredProducts.add(new ProductObject("Iphone 6", "iphone2"));
        featuredProducts.add(new ProductObject("Iphone 6S", "iphone2"));
        featuredProducts.add(new ProductObject("Iphone 8S", "iphone2"));
        featuredProducts.add(new ProductObject("Iphone X", "iphone2"));
        featuredProducts.add(new ProductObject("Iphone XR", "iphone2"));
        featuredProducts.add(new ProductObject("Iphone XS", "iphone2"));
        return featuredProducts;
    }
}

গুরুত্বপূর্ণ টিপস

• setHasFixedSize(true) সেট করলে RecyclerView পারফরম্যান্স বাড়ে (আইটেমের সাইজ ফিক্সড হলে)।
• NestedScrollView-এর ভেতরে RecyclerView ব্যবহার করলে setNestedScrollingEnabled(false) সেট করলে স্ক্রলিং سمুথ হয়।
• আধুনিক অ্যান্ড্রয়েডে (API 21+) androidx লাইব্রেরি ব্যবহার করুন।

মেনিফেস্ট (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>

ফলাফল

শীর্ষে একটি বড় ইমেজ এবং নিচে ২ কলামের গ্রিড রিসাইক্লারভিউ থাকবে যা NestedScrollView-এ সুন্দরভাবে স্ক্রল হবে।