如何为多个TextView左侧添加带虚线连接的项目符号

下面给你两种实用的实现思路，都能完美达成你要的效果：

方案一：自定义Drawable（推荐，更灵活） #

这种方式可以直接给TextView设置左侧的Drawable，把项目符号和虚线整合在一起，不需要额外嵌套布局，代码更简洁。

1. 创建项目符号+虚线的Drawable文件（命名为bullet_dash.xml，放在res/drawable目录下）：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 虚线部分：宽度铺满，高度匹配TextView，左边留出项目符号的位置 -->
    <item
        android:left="24dp"
        android:right="0dp">
        <shape android:shape="line">
            <stroke
                android:width="1dp"
                android:color="#CCCCCC"
                android:dashGap="4dp"
                android:dashWidth="4dp"/>
        </shape>
    </item>
    <!-- 项目符号：放在最左侧的圆形图标 -->
    <item
        android:width="20dp"
        android:height="20dp"
        android:left="2dp">
        <shape android:shape="oval">
            <solid android:color="#FF5722"/> <!-- 可自定义符号颜色 -->
        </shape>
    </item>
</layer-list>

2. 在TextView中直接使用这个Drawable：

<TextView
    android:id="@+id/tv_item1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="你的文本内容"
    android:drawableLeft="@drawable/bullet_dash"
    android:drawablePadding="8dp"
    android:paddingVertical="16dp"/>

如果是多行TextView，建议调整Drawable的适配逻辑，或者改用方案二，避免虚线排版错位。

方案二：线性布局组合（更易调试） #

把项目符号、虚线、文本内容拆分成独立控件，适合需要精准控制每个元素位置的场景：

1. 单个条目布局文件（命名为item_bullet_dash.xml）：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:orientation="horizontal"
    android:paddingVertical="16dp">

    <!-- 项目符号 -->
    <View
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:background="@drawable/bullet_shape"/>

    <!-- 虚线View：高度设为match_parent可垂直贯穿整个条目 -->
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_marginLeft="8dp"
        android:background="@drawable/dash_line"/>

    <!-- 文本内容 -->
    <TextView
        android:id="@+id/tv_content"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:layout_marginLeft="12dp"
        android:text="你的文本内容"/>
</LinearLayout>

2. 配套的shape文件：

• bullet_shape.xml（圆形项目符号）：

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
    <solid android:color="#FF5722"/>
</shape>

• dash_line.xml（虚线样式）：

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="line">
    <stroke
        android:width="1dp"
        android:color="#CCCCCC"
        android:dashGap="4dp"
        android:dashWidth="4dp"/>
</shape>

3. 复用条目：
   直接在主布局中复制多个item_bullet_dash，或者用RecyclerView动态加载5-10个条目，维护起来更方便。

额外小技巧 #

• 如果要让虚线垂直贯穿整个多行TextView，把虚线View的layout_height设为match_parent即可，LinearLayout的gravity="center_vertical"会让符号和虚线自动居中对齐。
• 项目符号可以换成自定义图标，只需要把圆形View换成ImageView，设置android:src="@drawable/your_icon"就行。

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