Android XML实现EditText自定义样式需求

方案一：基础布局组合（TextView + 自定义背景EditText） #

适合不依赖Material组件的场景，手动实现标签+输入框的组合：

1. 创建EditText自定义背景 #

在res/drawable目录下新建edittext_bg.xml，定义输入框的默认/聚焦状态样式：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 输入框获取焦点时的样式 -->
    <item android:state_focused="true">
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF" />
            <stroke android:width="2dp" android:color="#2196F3" />
            <corners android:radius="8dp" />
            <padding android:top="12dp" android:bottom="12dp" android:left="12dp" android:right="12dp" />
        </shape>
    </item>
    <!-- 输入框默认状态样式 -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF" />
            <stroke android:width="1dp" android:color="#E0E0E0" />
            <corners android:radius="8dp" />
            <padding android:top="12dp" android:bottom="12dp" android:left="12dp" android:right="12dp" />
        </shape>
    </item>
</selector>

2. 布局中组合标签与输入框 #

在布局文件（如activity_main.xml）里用垂直LinearLayout或ConstraintLayout，把TextView（标签）放在EditText上方：

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

    <!-- 顶部标签 -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="用户名"
        android:textColor="#333333"
        android:textSize="14sp"
        android:layout_marginBottom="8dp"/>

    <!-- 带自定义背景的EditText -->
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/edittext_bg"
        android:hint="请输入用户名"
        android:textSize="16sp"/>

</LinearLayout>

方案二：使用Material Design的TextInputLayout（推荐） #

官方组件自带标签动效、边框样式，无需手动写复杂drawable，适合快速实现现代Android输入框样式：

1. 引入Material组件依赖 #

打开app/build.gradle，在dependencies块中添加：

implementation 'com.google.android.material:material:1.9.0'

同步项目后即可使用组件。

2. 布局中使用TextInputLayout #

直接用TextInputLayout包裹TextInputEditText，组件会自动把hint转为顶部标签：

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

    <com.google.android.material.textfield.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="用户名"
        app:boxCornerRadiusTopStart="8dp"
        app:boxCornerRadiusTopEnd="8dp"
        app:boxCornerRadiusBottomStart="8dp"
        app:boxCornerRadiusBottomEnd="8dp"
        app:boxStrokeWidth="1dp"
        app:boxStrokeColor="#E0E0E0"
        app:boxStrokeColorFocused="#2196F3">

        <com.google.android.material.textfield.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textSize="16sp"/>

    </com.google.android.material.textfield.TextInputLayout>

</LinearLayout>

注意：项目主题需要继承Material主题，在res/values/styles.xml中确保：

<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
    <!-- 自定义主题属性 -->
</style>

内容的提问来源于stack exchange，提问作者Ammar Bakr