Android中TextInputLayout的OutlinedBox样式不生效问题排查

1. 修复致命拼写错误 #

你的input_layout.xml中TextInputLayout的样式属性存在拼写错误：

tyle="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"

这里**tyle少了字母s**，正确写法是style：

style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"

这个错误会直接导致你设置的OutlinedBox样式完全不生效，系统默认使用FilledBox样式。

2. 移除冲突的主题属性 #

你给TextInputLayout单独设置了android:theme="@style/Theme.MaterialComponents.Light.NoActionBar"，该属性会覆盖控件指定的style，或与全局主题产生冲突。建议移除该属性，让控件继承全局AppTheme：

<com.google.android.material.textfield.TextInputLayout
        android:id="@+id/text_input_layout"
        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
        ...
        >
<com.google.android.material.textfield.TextInputEditText
            android:id="@+id/text_input_edit_text"
        ...
 />
    </com.google.android.material.textfield.TextInputLayout>

3. 验证全局主题的应用 #

检查AndroidManifest.xml，确认应用或当前Activity已指定使用AppTheme：

<application
    ...
    android:theme="@style/AppTheme">

未指定的话，全局textInputStyle的配置不会生效。

4. 检查Material Components库版本 #

确保项目依赖的Material Components库版本不低于1.2.0（旧版本存在样式兼容问题），在Module级别的build.gradle中确认：

implementation 'com.google.android.material:material:1.11.0' // 或更高稳定版本

完成以上修复后，TextInputLayout即可正常显示OutlinedBox样式。

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