如何使用项目符号在每个TextView上绘制TextView左侧的尖头边框

时间:2018-05-04 15:48:02

标签: android

我有大约5到10个显示停止点的TextView,我想在每个TextView的左侧添加项目符号点,但是该点应该用虚线附加,如下图所示。

正如你在照片中看到的那样,有三个带有子弹的TextView / EditText,每个子弹都用虚线连接。

enter image description here

1 个答案:

答案 0 :(得分:1)

通过使用一个水平LinearLayout作为父级和两个垂直LinearLayout作为子级,您可以轻松实现所需。您可以更改绘图的填充/边距,以更改符合您的首选项的视图。以下是XML代码以及所得到的布局的屏幕截图:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 
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:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context="doitfast.testapp.MainActivity"
tools:showIn="@layout/app_bar_main">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <LinearLayout
        android:layout_width="50dp"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <ImageView
            android:id="@+id/radio_1"
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:layout_gravity="center"
            android:layout_marginTop="5dp"
            android:padding="3dp"
            android:src="@drawable/ic_radio_button_unchecked_black_24dp" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_more_vert_black_24dp" />

        <ImageView
            android:id="@+id/radio_"
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:layout_gravity="center"
            android:padding="3dp"
            android:src="@drawable/ic_radio_button_unchecked_black_24dp" />

        <ImageView
            android:id="@+id/imageView4"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_more_vert_black_24dp" />

        <ImageView
            android:id="@+id/radio_2"
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:layout_gravity="center"
            android:src="@drawable/ic_place_black_24dp" />

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <EditText
            android:id="@+id/editText"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:ems="10"
            android:inputType="textPersonName"
            android:text="Home" />

        <EditText
            android:id="@+id/editText"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:ems="10"
            android:inputType="textPersonName"
            android:text="Battle and Brew, 5920 Roswell Road" />

        <EditText
            android:id="@+id/editText"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:ems="10"
            android:inputType="textPersonName"
            android:text="The Fox Theatre, 660 Peachtree Street" />

    </LinearLayout>
</LinearLayout>

</android.support.constraint.ConstraintLayout>

请注意,您可以在活动中使用java来创建这些视图元素并对其进行充气,从而将其从静态更改为动态。

以上是上述代码的屏幕截图: enter image description here