Android EditText设置边框

ゝ一纸荒年。 2024-04-18 10:40 81阅读 0赞

# Android EditText设置边框 #

### 简介 ###

Android应用程序中给EditText设置边框。

**效果图：**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RyYWN5ZHJhZ29ubHh5_size_16_color_FFFFFF_t_70]

### 快速开始 ###

1.  在res/drawable目录下新建样式文件 **edit\_background.xml**。

<?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    
        <item>
            <shape
                android:shape="rectangle">
                <solid android:color="#efefef"/>
                <corners android:radius="5dp"/>
                <stroke
                    android:width="1dp"
                    android:color="#505050"/>
            </shape>
        </item>

1.  布局文件中使用边框效果，/res/layout/activity\_edit\_text.xml。

> android:background="@drawable/edit\_background"

<?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"
        tools:context=".EditTextActivity">
    
        <TextView
            android:id="@+id/name_label"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="账号："
            android:textSize="18sp"
            android:textColor="#353535"
            android:layout_marginTop="60dp"
            android:layout_marginStart="60dp"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"/>
    
        <EditText
            android:id="@+id/edit_name"
            android:layout_width="200dp"
            android:layout_height="40dp"
            android:hint="请输入账号"
            android:gravity="center"
            android:inputType="number"
            android:background="@drawable/edit_background"
            android:layout_marginStart="10dp"
            app:layout_constraintTop_toTopOf="@id/name_label"
            app:layout_constraintBottom_toBottomOf="@id/name_label"
            app:layout_constraintLeft_toRightOf="@id/name_label"/>
    
        <TextView
            android:id="@+id/pwd_label"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="密码："
            android:textSize="18sp"
            android:textColor="#353535"
            android:layout_marginTop="40dp"
            android:layout_marginStart="60dp"
            app:layout_constraintTop_toBottomOf="@id/name_label"
            app:layout_constraintLeft_toLeftOf="parent"/>
    
        <EditText
            android:id="@+id/edit_pwd"
            android:layout_width="200dp"
            android:layout_height="40dp"
            android:hint="请输入密码"
            android:gravity="center"
            android:inputType="textPassword"
            android:background="@drawable/edit_background"
            android:layout_marginStart="10dp"
            app:layout_constraintTop_toTopOf="@id/pwd_label"
            app:layout_constraintBottom_toBottomOf="@id/pwd_label"
            app:layout_constraintLeft_toRightOf="@id/pwd_label"/>
    
        <Button
            android:id="@+id/btn_login"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="ok"
            android:layout_marginTop="30dp"
            android:layout_marginStart="110dp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintTop_toBottomOf="@id/pwd_label"/>
    
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Cancel"
            android:layout_marginStart="50dp"
            app:layout_constraintTop_toTopOf="@id/btn_login"
            app:layout_constraintLeft_toRightOf="@id/btn_login"/>
    
    </android.support.constraint.ConstraintLayout>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RyYWN5ZHJhZ29ubHh5_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/01415150d2c54fa3bd94948382eb6110.jpg