Android EditText在其drawable和它的文本之间绘制一个分隔线

Question

我有一个带有drawableLeft图像的EditText 。 我需要在我的drawableLeft旁边的EditText添加一条垂直线，如下例所示：

我能想到的最简单的方法是将该线添加到我的可绘制图像中。 但一般来说还有其他办法吗？

Answer 1

1. 在res / drawable / shape.xml中创建一个矩形圆角形状

    <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <stroke android:width="3dip" android:color="@android:color/darker_gray" /> <corners android:radius="10dip"/> <padding android:left="10dip" android:top="10dip" android:right="10dip" android:bottom="10dip" /> </shape> 

2. 现在创建一个布局

    <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/shape" android:gravity="center_vertical"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/imageView" android:src="@drawable/ic_launcher"/> <View android:layout_width="2dp" android:layout_height="match_parent" android:background="@android:color/darker_gray" android:layout_marginLeft="10dp"/> <EditText android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/editText" android:layout_weight="1" android:background="@null" android:layout_marginLeft="10dp" android:hint="Your bitcoin address here"/> </LinearLayout> 

3. 我已将线性布局背景设置为矩形圆角形状。 它看起来与urs的图像预览完全一样。

Answer 2

您可以创建一个layout并作为属性附加到editText

android:drawableRight="@android:drawable/your_layout"

例如

<EditText 
   android:width="match_parent"
   android:drawableLeft="@android:drawable/your_layout"
/>

在your_layout.xml文件中，您可以放置​​任何您想要的内容。

请检查一下

Answer 3

试试这个，你的问题就解决了

在.xml文件中 ，

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:background="@drawable/customborder"
        android:gravity="center|left"
        android:minHeight="40dip"
        android:orientation="horizontal"
        android:padding="5dip"
        android:weightSum="2">

        <LinearLayout
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="0.2"
            android:gravity="center"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/img_clear_to"
                android:layout_width="30dip"
                android:layout_height="30dip"
                android:src="@drawable/ic_action_delete" />
        </LinearLayout>

        <View
            android:id="@+id/vvv1"
            android:layout_width="2dp"
            android:layout_height="match_parent"
            android:background="@color/colorAccent" />

        <LinearLayout
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1.8"
            android:orientation="vertical">

            <TextView
                android:id="@+id/text_to"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:clickable="true"
                android:padding="5dip"
                android:text="@string/text_to"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textColor="@color/black"
                android:textSize="@dimen/font_normal_size" />
        </LinearLayout>


    </LinearLayout>
</LinearLayout>

customborder.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners
        android:radius="2dp"
        android:topRightRadius="0dp"
        android:bottomRightRadius="0dp"
        android:bottomLeftRadius="0dp" />
    <stroke
        android:width="1dp"
        android:color="@android:color/black" />
</shape>

Answer 4

相当简单！

只需添加' FrameLayout '

 <FrameLayout
            android:id="@+id/vertical_divider"
            android:layout_width="2dp"
            android:layout_height="48dp"
            android:layout_toEndOf="@+id/<your_object>"
            android:layout_toRightOf="@+id/<your_object>"
            android:background="@color/grey" />

用您的可绘制图像替换<your_object> 。