在 Material Design 设计风格下，EditText 组件通常采用了特殊的样式，包括下划线和浮动标签等。然而，有时候我们需要对 EditText 的背景进行自定义，但是却发现设置背景样式无法生效。本文将介绍如何解决这个问题。
问题原因
在 Material Design 下，EditText 的样式是由 Widget.MaterialComponents.TextInputLayout 控制的。这个控件是一个外层容器，包含了 EditText 和浮动标签等元素。因此，如果我们直接对 EditText 设置背景样式，样式会被 TextInputLayout 覆盖掉。
解决方案
要解决这个问题，我们需要对 TextInputLayout 进行一些调整。具体步骤如下：
1. 禁用 TextInputLayout 的背景
首先，我们需要禁用 TextInputLayout 的背景。这可以通过设置 app:boxBackgroundMode 属性来实现。将其值设置为 none 即可。
-- -------------------- ---- -------
------------------------------------------------------
-----------------------------------
-----------------------------------
------------------------------------
-----------------------------
--------------------------------------------------------
---------------------------
-----------------------------------
------------------------------------ --
--------------------------------------------------------2. 设置 EditText 的背景
接下来，我们可以直接对 EditText 设置背景样式了。这里以设置圆角矩形背景为例。
-- -------------------- ---- -------
------------------------------------------------------
-----------------------------------
-----------------------------------
------------------------------------
-----------------------------
--------------------------------------------------------
---------------------------
-----------------------------------
------------------------------------
------------------------------------------------------ --
--------------------------------------------------------3. 调整 EditText 的内边距
由于 TextInputLayout 默认会对 EditText 设置一些内边距，我们需要对 EditText 进行一些调整，以保证背景样式的完整性。这可以通过设置 android:padding 属性来实现。
-- -------------------- ---- -------
------------------------------------------------------
-----------------------------------
-----------------------------------
------------------------------------
-----------------------------
--------------------------------------------------------
---------------------------
-----------------------------------
------------------------------------
------------------------------------------------------
---------------------- --
--------------------------------------------------------至此，我们成功地解决了在 Material Design 下设置 EditText 背景样式无法生效的问题。
总结
本文介绍了在 Material Design 下设置 EditText 背景样式无法生效的问题，并提供了解决方案。通过禁用 TextInputLayout 的背景、设置 EditText 的背景和调整 EditText 的内边距，我们可以轻松地实现自定义背景样式。希望这篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/662b1791d3423812e487e340