RecyclerView项垂直指示线异常：设计器可见模拟器不可见

我之前也踩过这个坑——布局设计器里显示得好好的，一跑模拟器就没了垂直指示线，大概率是布局属性或者尺寸设置的问题，咱们一步步排查解决：

1. 先检查View的尺寸设置 #

最常见的问题就是垂直指示线的宽度没设固定值，比如用了wrap_content。设计器会给个默认预览宽度，但实际运行时因为View没有内容，宽度会变成0，自然看不到。

解决方案：给垂直View设置固定宽度，高度设为match_parent或者合适的固定值，比如：

<View
    android:id="@+id/vertical_divider"
    android:layout_width="2dp" <!-- 固定宽度，保证显示 -->
    android:layout_height="match_parent"
    android:background="@color/gray" />

2. 确认RelativeLayout的位置约束 #

在RelativeLayout里，如果不给垂直View加明确的位置约束，运行时它可能被其他控件挤到不可见区域，或者直接重叠被覆盖。

解决方案：给垂直View添加清晰的位置规则，比如要放在项的左侧，就加：

android:layout_alignParentStart="true"

如果旁边有其他控件，记得用layout_toEndOf关联，避免重叠，比如让文本控件layout_toEndOf="@id/vertical_divider"。

3. 检查背景颜色是否与父布局融合 #

有时候设置的背景色和RecyclerView项的背景色完全一致，设计器里因为预览背景不同能看到，模拟器里就直接“隐身”了。

解决方案：换个对比明显的颜色，或者用shape drawable做背景更稳妥：
先在drawable目录新建divider_vertical.xml：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/primary_dark" />
    <size android:width="2dp" />
</shape>

然后给View设置这个背景：

<View
    android:id="@+id/vertical_divider"
    android:layout_width="2dp"
    android:layout_height="match_parent"
    android:background="@drawable/divider_vertical" />

4. 排查是否被其他控件遮挡 #

如果RelativeLayout里有宽度为match_parent的控件，并且位置约束和垂直View冲突，就会把指示线完全挡住。

解决方案：调整控件层级，给垂直View加个 elevation 提升优先级（API 21+）：

android:elevation="2dp"

或者直接调整其他控件的位置，确保它们在指示线的右侧，不要重叠。

完整示例布局 #

给你一个可以直接参考的RecyclerView项布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="16dp">

    <!-- 垂直指示线 -->
    <View
        android:id="@+id/vertical_divider"
        android:layout_width="2dp"
        android:layout_height="match_parent"
        android:background="@color/primary_dark"
        android:layout_alignParentStart="true" />

    <!-- 标题文本，放在指示线右侧 -->
    <TextView
        android:id="@+id/item_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_toEndOf="@id/vertical_divider"
        android:layout_marginStart="12dp"
        android:text="示例标题"
        android:textSize="16sp" />

    <!-- 副标题文本 -->
    <TextView
        android:id="@+id/item_subtitle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/item_title"
        android:layout_toEndOf="@id/vertical_divider"
        android:layout_marginStart="12dp"
        android:layout_marginTop="4dp"
        android:text="示例副标题"
        android:textSize="14sp"
        android:textColor="@color/gray" />

</RelativeLayout>

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