Android edittext样式显示垂直分隔线

Question

如何在edittext中的drawable和text之间创建这个垂直线分隔符： 我能够实现包含左侧drawable和右侧输入文本的外框外观，但如何在中间添加此分隔符？

这是我到目前为止所做的：

<item>
    <shape>
        <solid android:color="@android:color/white" />
    </shape>
</item>
<item>
    <shape>
        <solid android:color="@android:color/background_dark" />

    </shape>
</item>

<!-- main color -->
<item
    android:bottom="1.5dp"
    android:left="1.5dp"
    android:right="1.5dp">
    <shape>
        <solid android:color="@android:color/white" />
    </shape>
</item>

<!-- draw another block to cut-off the left and right bars -->
<item android:bottom="15.0dp">
    <shape>
        <solid android:color="@android:color/white" />
    </shape>
</item>

Answer 1

使用此“技巧”，您可以在EditText的背景中绘制一条垂直线：

    <!-- main color part 1.-->
    <item
        android:bottom="1.5dp"
        android:left="1.5dp"
        android:right="1.5dp">
        <shape>
            <solid android:color="@android:color/white" />
        </shape>
    </item>

    <!-- vertical line -->
    <item
        android:bottom="1.5dp"
        android:left="50dp"
        android:right="1.5dp">
        <shape>
            <solid android:color="@android:color/black" />
        </shape>
    </item>

     <!-- main color part 2.-->
    <item
        android:bottom="1.5dp"
        android:left="51.5dp"
        android:right="1.5dp">
        <shape>
            <solid android:color="@android:color/white" />
        </shape>
    </item>

在这种情况下，线将从左侧放置50dip，将是黑色和1.5倾角。 （51.5dip和50dip之间的差异）