在textviews中绘制两个drawable之间的线

Question

我在上面的图片中有绘图线的问题。我怎样才能做到这一点？这是视图的代码，我需要实现它。我想我需要使用画布，但我不确定。谢谢你的建议！

<RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="@dimen/linear_layout_buttons_margin_top"
        android:orientation="vertical">

        <TextView
            android:id="@+id/button_from_city"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="4dp"
            android:layout_marginLeft="60dp"
            android:layout_marginRight="60dp"
            android:layout_marginTop="4dp"
            android:background="@drawable/button_white"
            android:drawableLeft="@drawable/ic_green"
            android:drawablePadding="@dimen/dots_white_button_padding"
            android:drawableStart="@drawable/ic_green"
            android:gravity="center_vertical"
            android:hint="@string/from_place"
            android:padding="@dimen/dots_white_button_padding"
            android:textColor="@color/color_accent"
            android:textColorHint="@color/text_view_hint_color"/>

        <TextView
            android:id="@+id/button_to_city"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/button_from_city"
            android:layout_marginBottom="4dp"
            android:layout_marginLeft="60dp"
            android:layout_marginRight="60dp"
            android:layout_marginTop="4dp"
            android:background="@drawable/button_white"
            android:drawableLeft="@drawable/ic_red"
            android:drawablePadding="@dimen/dots_white_button_padding"
            android:drawableStart="@drawable/ic_red"
            android:gravity="center_vertical"
            android:hint="@string/to_place"
            android:padding="@dimen/dots_white_button_padding"
            android:textColor="@color/color_accent"
            android:textColorHint="@color/text_view_hint_color"/>
    </RelativeLayout>

Answer 1

您可以为textview提供两个可绘制资源，并根据工作所需的条件将它们设置为drawableStart。这里的要点是使用包含彩色圆圈和线条的图像，这比使用画布绘制布局要简单得多。

Answer 2

我只需添加两个视图，其中灰色背景的宽度为1dp，位于点可绘制的上方和下方，并根据项目的位置管理可见性。