android - 如何为recyclerview中的每个cardview创建一个“模板”视图?
问题描述
我在回收站视图中有一些卡片视图。当我单击一个时,我希望它显示不同的布局。
这是我单击每张卡片时应具有的“模板”。
<?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。这是让我感到困惑的地方,因为我为视图创建了一个新活动,但是随着一遍又一遍地创建活动和视图,这将变得超级重复。
解决方案
你快到了。您不想检查 adapterPosition 并启动 Activity,而是希望将数据传递给 ViewHolder,然后再传递给 Activity。您可以将 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");
}
除了字符串,您还可以通过 Bundles 传递布尔值、整数等。如果它们实现 Parcelable 接口,您甚至可以传递整个对象。但大多数情况下,基本的原语应该能让你继续前进。
推荐阅读
- sql - 存储过程的 Oracle 性能调优
- selenium - 用户代理不会随着 firefox selenium 获得 setcapabilities 问题而改变
- java - 从android运行脚本获取java.io.IOException:权限被拒绝
- html - 一旦更高分辨率的图像完全加载,如何用更好的背景图像替换低分辨率的背景图像?
- javascript - OPTIONS 方法未请求凭据,401
- amazon-web-services - Ember AWS 部署失败 - CredentialsError & EHOSTUNREACH
- swift - Firebase 更新:条件绑定的初始化程序必须具有可选类型,而不是“字符串”
- node.js - Mongoose - 使用两个不同的 uri
- sql - SQL Server 对奇数 ASC 和偶数 DESC 排序
- c# - Jquery DataTables:无法将基于类的变量传递给 MVC 控制器