如何在Android中创建editext边界线

Question

我需要创建一个Edittext的边框线，如下图所示。我该怎么做？

Answer 1

EditText已经拥有那条线，但如果你想改变它的风格，你可以做这样的事情

您可以为edittext设置drawable。

edittext_bg.xml :(将此文件放在drawable文件夹中）

 <?xml version="1.0" encoding="utf-8"?>
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

 <item>
    <shape>
    <solid android:color="#c2c2c2" />
     </shape>
  </item>

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

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

 </layer-list>

和EditText用户属性

android:background="@drawable/edittext_bg"

Answer 2

试试这个： 在xml中：

<EditText
            android:id="@+id/searchEdittext"
            android:layout_width="fill_parent"
            android:layout_height="30dp"
            android:singleLine="true"
            android:background="@drawable/edit_text_design"
            android:hint="@string/enter_keyword"
            android:layout_marginTop="20dp"
            android:layout_marginBottom="20dp"
            android:layout_marginLeft="50dp"
            android:layout_marginRight="50dp" />

并在drawable中创建 edit_text_design.xml ：

 <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <solid android:color="#e163859f" />
            <size android:width="5dp" />
        </shape>
    </item>

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

    <!-- draw another block to cut-off the left and right bars -->
    <item android:bottom="5.0dp">
        <shape>
            <solid android:color="#f4f3f8" />
        </shape>
    </item>
</layer-list>

我希望这会有所帮助，它对我有用

Answer 3

如果您想更改EditText背景和底色，您只需两种方式：

1.正常方式只需更改 activity_main.xml 2.custom edittext.xml 为edittext中的更改编写自己的代码。

根据您的要求，我认为只需遵循自定义方式（第二种方法）：

<强>代码： -

只需在drawable文件夹中创建 edittext.xml 并粘贴此代码即可。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:bottom="1.0dp"
        android:left="1.0dp"
        android:right="1.0dp">
        <shape>
            <solid android:color="#fff" />
        </shape>
    </item>
    <item android:bottom="2.0dp">
        <shape>
            <solid android:color="#ff0b79fe" />
        </shape>
    </item>
</layer-list>

并转到 activity_main.xml 文件，然后只需粘贴此代码。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="100dp"
    android:layout_width="fill_parent"
    android:background="#ff0b79fe"
    android:orientation="vertical"
    android:layout_gravity="top|center"
    android:gravity="left">
    <EditText
        android:id="@+id/edit1"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:hint="Friend's Name"
        android:textColorHint="#fff"
        android:textColor="#fff7fef6"
        android:inputType="text"
        android:gravity="center"
        android:layout_gravity="center"
        android:background="@drawable/edittext_bg"
        />
    <EditText
        android:id="@+id/edit2"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:hint="Friend's Email"
        android:textColorHint="#fff"
        android:textColor="#fff7fef6"
        android:inputType="text"
        android:gravity="center"
        android:layout_gravity="center"
        android:background="@drawable/edittext_bg"
        />
    <EditText
        android:id="@+id/edit3"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:hint="Friend's Phone Number"
        android:textColorHint="#fff"
        android:textColor="#fff7fef6"
        android:inputType="text"
        android:gravity="center"
        android:layout_gravity="center"
        android:background="@drawable/edittext_bg"
        />
    </LinearLayout>

<强>输出： -