AndroidのNestedScrollView内でRecyclerViewを使用するにはどうすればよいですか？

この例は、AndroidのNestedScrollView内でRecyclerViewを使用する方法を示しています。

ステップ1 − Android Studioで新しいプロジェクトを作成し、[ファイル]⇒[新しいプロジェクト]に移動して、新しいプロジェクトを作成するために必要なすべての詳細を入力します。

build.gradle（モジュール：app）に次の依存関係を追加します

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'

ステップ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.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>

ステップ3 −レイアウトリソースファイル（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>

ステップ4 −以下のようにJavaクラスファイルを作成し、それぞれのコードを追加します-

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) throws RuntimeException {
      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;
   }
}

ステップ5 −次のコードを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(MainActivity.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;
   }
}

ステップ6 −次のコードを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からアプリを実行するには、プロジェクトのアクティビティファイルの1つを開き、ツールバーの[実行]アイコンをクリックします。オプションとしてモバイルデバイスを選択し、デフォルトの画面を表示するモバイルデバイスを確認します-