如何在回收视图中为每个卡片视图创建'template'视图？

Question

我在回收视图中有一些卡片视图。当我点击一个时，我希望它显示不同的布局。

这是我点击每张卡时应该有的"模板"。

 <?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/scrollview_sam"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/reading_bg"
    android:fillViewport="true"
    tools:context=".ScrollviewSam"
    >
    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <ImageView
            android:id="@+id/imageView"
            android:layout_width="200dp"
            android:layout_height="188dp"
            android:layout_marginStart="15dp"
            android:layout_marginTop="56dp"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/sam" />
        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="12dp"
            android:layout_marginTop="56dp"
            android:fontFamily="@font/sackers_gothic_light"
            android:text="@string/name"
            android:textColor="@color/gray"
            app:layout_constraintStart_toEndOf="@+id/imageView"
            app:layout_constraintTop_toTopOf="parent" />

        <TextView
            android:id="@+id/textView4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="17dp"
            android:layout_marginTop="32dp"
            android:fontFamily="@font/sackers_gothic_heavy"
            android:text="@string/about"
            android:textColor="@color/white"
            android:textSize="35sp"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/imageView" />
        <TextView
            android:id="@+id/textView19"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="16dp"
            android:layout_marginTop="4dp"
            android:fontFamily="@font/sackers_gothic_heavy"
            android:text="@string/background"
            android:textColor="@color/white"
            android:textSize="35sp"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/textView5" />
        <TextView
            android:id="@+id/textView5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="17dp"
            android:layout_marginTop="5dp"
            android:layout_marginEnd="17dp"
            android:fontFamily="@font/sackers_gothic_light"
            android:lineHeight="20dp"
            android:paddingLeft="17sp"
            android:paddingRight="17sp"
            android:text="@string/about_sam"
            android:textAlignment="textStart"
            android:textColor="@color/white"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/textView4" />
        <TextView
            android:id="@+id/textView6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="17dp"
            android:layout_marginTop="5dp"
            android:layout_marginEnd="17dp"
            android:fontFamily="@font/sackers_gothic_light"
            android:lineHeight="20sp"
            android:paddingLeft="17sp"
            android:paddingRight="17sp"
            android:text="@string/background_sam1"
            android:textColor="@color/white"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/textView19" />
        <TextView
            android:id="@+id/textView7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="17dp"
            android:layout_marginTop="20dp"
            android:layout_marginEnd="17dp"
            android:fontFamily="@font/sackers_gothic_light"
            android:lineHeight="20sp"
            android:paddingLeft="17sp"
            android:paddingRight="17sp"
            android:text="@string/background_sam2"
            android:textColor="@color/white"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/textView6" />
        <TextView
            android:id="@+id/textView8"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="8dp"
            android:layout_marginTop="56dp"
            android:fontFamily="@font/sackers_gothic_heavy"
            android:text="@string/name_sam"
            android:textColor="@color/white"
            app:layout_constraintStart_toEndOf="@+id/textView3"
            app:layout_constraintTop_toTopOf="parent" />

        <TextView
            android:id="@+id/textView9"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="10dp"
            android:layout_marginTop="88dp"
            android:fontFamily="@font/sackers_gothic_heavy"
            android:text="@string/gender_male"
            android:textColor="@color/white"
            app:layout_constraintStart_toEndOf="@+id/textView10"
            app:layout_constraintTop_toTopOf="parent" />

        <TextView
            android:id="@+id/textView10"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="12dp"
            android:layout_marginTop="88dp"
            android:fontFamily="@font/sackers_gothic_light"
            android:text="@string/gender"
            android:textColor="@color/gray"
            app:layout_constraintStart_toEndOf="@+id/imageView"
            app:layout_constraintTop_toTopOf="parent" />
        <TextView
            android:id="@+id/textView11"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="12dp"
            android:layout_marginTop="116dp"
            android:fontFamily="@font/sackers_gothic_light"
            android:text="@string/hair_color"
            android:textColor="@color/gray"
            app:layout_constraintStart_toEndOf="@+id/imageView"
            app:layout_constraintTop_toTopOf="parent" />
        <TextView
            android:id="@+id/textView12"
            android:layout_width="56dp"
            android:layout_height="21dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="115dp"
            android:fontFamily="@font/sackers_gothic_heavy"
            android:text="@string/color_brown"
            android:textColor="@color/white"
            app:layout_constraintStart_toEndOf="@+id/textView11"
            app:layout_constraintTop_toTopOf="parent" />
        <TextView
            android:id="@+id/textView13"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="12dp"
            android:layout_marginTop="148dp"
            android:fontFamily="@font/sackers_gothic_light"
            android:text="@string/eye_color"
            android:textColor="@color/gray"
            app:layout_constraintStart_toEndOf="@+id/imageView"
            app:layout_constraintTop_toTopOf="parent" />
        <TextView
            android:id="@+id/textView15"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="12dp"
            android:layout_marginTop="176dp"
            android:fontFamily="@font/sackers_gothic_light"
            android:text="@string/cast"
            android:textColor="@color/gray"
            app:layout_constraintStart_toEndOf="@+id/imageView"
            app:layout_constraintTop_toTopOf="parent" />
        <TextView
            android:id="@+id/textView16"
            android:layout_width="101dp"
            android:layout_height="39dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="176dp"
            android:fontFamily="@font/sackers_gothic_heavy"
            android:lineHeight="20dp"
            android:text="@string/cast_norman"
            android:textColor="@color/white"
            app:layout_constraintStart_toEndOf="@+id/textView3"
            app:layout_constraintTop_toTopOf="parent" />
        <TextView
            android:id="@+id/textView14"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="48dp"
            android:layout_marginTop="148dp"
            android:fontFamily="@font/sackers_gothic_heavy"
            android:text="@string/color_blue"
            android:textColor="@color/white"
            app:layout_constraintStart_toEndOf="@+id/textView3"
            app:layout_constraintTop_toTopOf="parent" />
        <TextView
            android:id="@+id/textView18"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="24dp"
            android:layout_marginTop="224dp"
            android:fontFamily="@font/sackers_gothic_heavy"
            android:text="@string/status_alive"
            android:textColor="@color/white"
            app:layout_constraintStart_toEndOf="@+id/textView3"
            app:layout_constraintTop_toTopOf="parent" />
        <TextView
            android:id="@+id/textView17"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="12dp"
            android:layout_marginTop="224dp"
            android:fontFamily="@font/sackers_gothic_light"
            android:text="@string/status"
            android:textColor="@color/gray"
            app:layout_constraintStart_toEndOf="@+id/imageView"
            app:layout_constraintTop_toTopOf="parent" />
        <ToggleButton
            android:id="@+id/like"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:layout_marginStart="30dp"
            android:layout_marginTop="56dp"
            android:background="@drawable/toggle_selector"
            android:textOff=""
            android:textOn=""
            app:layout_constraintStart_toEndOf="@+id/textView8"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/ic_baseline_favorite_border_24" />

    </androidx.constraintlayout.widget.ConstraintLayout>

</ScrollView>

这是我的RecyclerViewAdapter。

  import android.content.Context;
    import android.content.Intent;
    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 com.example.myapplication.R;
    import com.example.myapplication.ScrollviewSam;
    
    import java.util.List;
    
    public class CharacterAdapter extends RecyclerView.Adapter<CharacterAdapter.ViewHolder> {
    
        List<String> name;
        List<Integer> images;
        LayoutInflater layoutInflater;
    
        public CharacterAdapter( Context context, List<String> name, List<Integer> images) {
            this.name = name;
            this.images = images;
            this.layoutInflater = LayoutInflater.from(context);
        }
    
        @NonNull
        @Override
        public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
            View view = layoutInflater.inflate(R.layout.character_grid_layout,parent,false);
            return new ViewHolder(view);
        }
    
    
    
        public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
            holder.name.setText(name.get(position));
            holder.image.setImageResource(images.get(position));
        }
    
        @Override
        public int getItemCount() {
            return name.size();
        }
    
        public class ViewHolder extends RecyclerView.ViewHolder{
            TextView name;
            ImageView image;
    
            public ViewHolder(@NonNull View itemView) {
                super(itemView);
                name = itemView.findViewById(R.id.name);
                image = itemView.findViewById(R.id.image);
    
                itemView.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        if (getAdapterPosition() == 0 ){
                            Intent intent = new Intent(v.getContext(), ScrollviewSam.class);
                            v.getContext().startActivity(intent);
                        }
                    }
                });
    
            }
        }
    
    
    }

如您所见，我为该项目设置了一个clickListener。这就是我感到困惑的地方，因为我为视图创建了一个新的活动，但随着一次又一次地创建活动和视图，这将变得非常重复。

Answer 1

您就快到了。您不希望检查adapterPosition并启动"活动"，而是希望将数据传递给ViewHolder，然后再传递给"活动"。第一部分可以使用onBindViewHo\lder((，第二部分可以使用[Intents][1]。

// In your adapter's onBindViewHolder
@Override
public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
    holder.bindDataToYourViewHolder(name.get(position), images.get(position))
}    

以上，将在ViewHolder中设置名称和图像。您需要稍微调整ViewHolder：

public ViewHolder(@NonNull View itemView) {
    super(itemView);
    name = itemView.findViewById(R.id.name);
    image = itemView.findViewById(R.id.image);
}
public void bindDataToYourViewHolder(String yourName, int yourImage){
   name.setText(yourName);
   image.setImageResource(yourImage);
    itemView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Intent intent = new Intent(v.getContext(), ScrollviewSam.class);
            intent.putExtra("name", yourName)
            // You can use yourImage here as well
            v.getContext().startActivity(intent);
        }                    
    });
}

通过这种方式，您可以将name.getText()传递给ScrollviewSam活动。在ScrollviewSam.onCreate((中，您可以通过执行以下操作获取额外内容：

// In ScrollviewSam Activity
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    
    String name = getIntent().getStringExtra("name");
}

除了字符串，您还可以通过Bundle传递布尔值、整数等。如果对象实现Parcelable接口，您甚至可以传递整个对象。但最重要的是，基本的基元应该让你开始。