Android Studio中TextInputEditText椭圆边框展开后变形如何修复？

嘿，这个问题我之前也踩过坑！其实根源很简单：你用的TextInputEditText是Material Design组件的一部分，它通常需要和TextInputLayout配合使用。当输入框获取焦点（也就是你说的“展开”）时，TextInputLayout会自动应用它自带的默认边框样式，直接把你给TextInputEditText设置的自定义椭圆Shape给覆盖了，所以显示效果就变差了。

下面是具体的修复步骤：

1. 调整布局结构（必须用TextInputLayout包裹） #

首先确保你的布局里是用TextInputLayout把TextInputEditText包起来的，这是Material组件的标准用法，单独用TextInputEditText会丢失很多特性，也容易出现样式冲突。

2. 修改自定义Shape（可选，但建议适配状态） #

你原来的椭圆Shape可以保留，要是想优化焦点状态的显示，可以改成状态选择器（Selector），这样获取焦点时边框颜色能变化，体验更好：

<!-- res/drawable/edittext_oval_bg.xml -->
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 焦点状态下的样式 -->
    <item android:state_focused="true">
        <shape>
            <corners android:radius="50dp"/>
            <stroke android:width="1dp" android:color="#FF6200EE"/> <!-- 自定义焦点色 -->
            <solid android:color="#FFF"/>
        </shape>
    </item>
    <!-- 正常状态下的样式 -->
    <item android:state_focused="false">
        <shape>
            <corners android:radius="50dp"/>
            <stroke android:width="1dp" android:color="#44433A"/>
            <solid android:color="#FFF"/>
        </shape>
    </item>
</selector>

如果不需要焦点变色，直接用你原来的Shape就行。

3. 自定义TextInputLayout的样式 #

我们需要禁用TextInputLayout自带的默认边框，然后把自定义的椭圆Shape设置给它。在res/values/styles.xml里添加一个自定义样式：

<style name="OvalTextInputLayoutStyle" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox">
    <!-- 禁用自带的边框线 -->
    <item name="boxStrokeWidth">0dp</item>
    <item name="boxStrokeColor">@android:color/transparent</item>
    <!-- 设置我们的椭圆背景 -->
    <item name="android:background">@drawable/edittext_oval_bg</item>
    <!-- 调整内边距，避免文字贴边框 -->
    <item name="android:paddingLeft">16dp</item>
    <item name="android:paddingRight">16dp</item>
    <!-- 保留hint的动画效果 -->
    <item name="hintEnabled">true</item>
    <item name="hintAnimationEnabled">true</item>
</style>

4. 最终布局代码 #

把布局改成TextInputLayout包裹TextInputEditText的形式，并且给TextInputEditText设置background="@null"，避免它的背景和TextInputLayout的背景冲突：

<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    style="@style/OvalTextInputLayoutStyle"
    android:hint="请输入内容">

    <com.google.android.material.textfield.TextInputEditText
        android:id="@+id/Ti1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@null"
        android:paddingVertical="12dp"
        android:textSize="16sp"/>

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

额外注意点 #

• 如果你之前用的是旧的android.support.design.widget包，建议换成com.google.android.material包（需要在build.gradle里添加Material组件依赖），这是官方现在主推的库，样式支持更完善。
• 调整paddingVertical和paddingLeft/Right的值，让文字和边框之间的间距更舒适，避免拥挤。

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