如何在无图片时让RecyclerView中CardView的文本居中？

嘿，我来帮你搞定这个问题！首先得指出你当前代码里的一个小疏漏：在onBindViewHolder里判断holder.image == null是行不通的——因为holder.image是通过findViewById从布局里获取的，只要布局里有这个控件，它就永远不会是null。你应该判断的是当前Item是否携带了有效的图片资源，比如检查item.getDrawable()是否返回0或者你的默认占位图ID。

下面给你两种可行的实现方式，选哪种都可以：

方法一：通过Java代码动态调整布局规则 #

这种方式比较灵活，直接在适配器里根据图片是否存在来修改TextView的布局参数：

先修正你的onBindViewHolder方法：

@Override
public void onBindViewHolder(final ReyclerViewHolder holder, int position) {
    Item item = items.get(position);
    int drawableRes = item.getDrawable();
    // 这里根据你的Item逻辑调整判断条件，比如无图片时返回0或者默认图ID
    boolean hasImage = drawableRes != 0 && drawableRes != R.mipmap.ic_launcher;

    if(!hasImage) {
        holder.image.setVisibility(View.GONE);
        // 调整第一个TextView的布局，让它居中
        RelativeLayout.LayoutParams appNameParams = (RelativeLayout.LayoutParams) holder.appName.getLayoutParams();
        appNameParams.removeRule(RelativeLayout.BELOW); // 移除依赖图片的规则
        appNameParams.addRule(RelativeLayout.CENTER_IN_PARENT); // 添加居中规则
        holder.appName.setLayoutParams(appNameParams);
        
        // 调整第二个TextView，让它紧跟第一个，同时整体保持居中
        RelativeLayout.LayoutParams moreInfoParams = (RelativeLayout.LayoutParams) holder.moreInfo.getLayoutParams();
        moreInfoParams.removeRule(RelativeLayout.BELOW);
        moreInfoParams.addRule(RelativeLayout.BELOW, R.id.app_name);
        holder.moreInfo.setLayoutParams(moreInfoParams);
    } else {
        holder.image.setVisibility(View.VISIBLE);
        holder.image.setImageResource(drawableRes);
        // 恢复原来的布局规则，让文本回到图片下方
        RelativeLayout.LayoutParams appNameParams = (RelativeLayout.LayoutParams) holder.appName.getLayoutParams();
        appNameParams.removeRule(RelativeLayout.CENTER_IN_PARENT);
        appNameParams.addRule(RelativeLayout.BELOW, R.id.image);
        holder.appName.setLayoutParams(appNameParams);
        
        RelativeLayout.LayoutParams moreInfoParams = (RelativeLayout.LayoutParams) holder.moreInfo.getLayoutParams();
        moreInfoParams.addRule(RelativeLayout.BELOW, R.id.app_name);
        holder.moreInfo.setLayoutParams(moreInfoParams);
    }
    // 不管有没有图片，都要设置文本内容
    holder.appName.setText(item.getName());
    holder.moreInfo.setText(item.getMore_info());
}

方法二：用ConstraintLayout实现（更推荐） #

ConstraintLayout能更优雅地处理这种条件布局，不需要写太多动态代码，只要控制图片的可见性，布局会自动调整：

先把你的Item布局替换成ConstraintLayout：

<androidx.constraintlayout.widget.ConstraintLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content">

    <ImageView 
        android:id="@+id/image" 
        android:layout_width="100dp" 
        android:layout_height="100dp" 
        android:adjustViewBounds="true"
        android:contentDescription="@null" 
        android:src="@mipmap/ic_launcher"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toTopOf="@id/app_name"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>

    <TextView 
        android:id="@+id/app_name" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:padding="5dp" 
        android:gravity="center" 
        android:text="@string/app_name" 
        android:textStyle="bold"
        app:layout_constraintTop_toBottomOf="@id/image"
        app:layout_constraintBottom_toTopOf="@id/more_text5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>

    <TextView 
        android:id="@+id/more_text5" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:padding="5dp" 
        android:gravity="center" 
        android:text="@string/app_name" 
        android:textStyle="bold"
        app:layout_constraintTop_toBottomOf="@id/app_name"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

然后适配器里只需要控制ImageView的可见性就好，ConstraintLayout会自动帮你调整TextView的位置：

@Override
public void onBindViewHolder(final ReyclerViewHolder holder, int position) {
    Item item = items.get(position);
    int drawableRes = item.getDrawable();
    boolean hasImage = drawableRes != 0 && drawableRes != R.mipmap.ic_launcher;

    if(!hasImage) {
        holder.image.setVisibility(View.GONE);
    } else {
        holder.image.setVisibility(View.VISIBLE);
        holder.image.setImageResource(drawableRes);
    }
    holder.appName.setText(item.getName());
    holder.moreInfo.setText(item.getMore_info());
}

当ImageView设为GONE时，两个TextView会自动在父布局里垂直居中，非常省心！

另外提个小细节：你的ViewHolder类名拼写错啦——ReyclerViewHolder少了个c，应该是RecyclerViewHolder，虽然不影响运行，但规范一点会更好哦～

内容的提问来源于stack exchange，提问作者Carel Kat