如何在 Material 设计中删除文本字段的背景颜色
How to remove background color of text fields in Material Design
在较新版本的 material 设计库中,文本字段的外观已更改。
如何将其恢复为旧样式(没有灰色背景和完整边框)?
来自这里:
对此:
图片来源:this Medium article
此更改基于 user research and was introduced in version 1.1.0 of material design library for android (MDC)。如果你想要传统的外观,官方文档推荐这种方法:
更改单个文本字段:
<com.google.android.material.textfield.TextInputLayout
...
style="@style/Widget.Design.TextInputLayout">
...
</com.google.android.material.textfield.TextInputLayout>
更改主题中的所有文本字段:
<style name="Theme.MyApp" parent="Theme.MaterialComponents.*">
...
<item name="textInputStyle">@style/Widget.MyApp.TextInputLayout</item>
</style>
<style name="Widget.MyApp.TextInputLayout" parent="Widget.Design.TextInputLayout">
<!-- My custom attrs -->
</style>
在较新版本的 material 设计库中,文本字段的外观已更改。
如何将其恢复为旧样式(没有灰色背景和完整边框)?
来自这里:
图片来源:this Medium article
此更改基于 user research and was introduced in version 1.1.0 of material design library for android (MDC)。如果你想要传统的外观,官方文档推荐这种方法:
更改单个文本字段:
<com.google.android.material.textfield.TextInputLayout
...
style="@style/Widget.Design.TextInputLayout">
...
</com.google.android.material.textfield.TextInputLayout>
更改主题中的所有文本字段:
<style name="Theme.MyApp" parent="Theme.MaterialComponents.*">
...
<item name="textInputStyle">@style/Widget.MyApp.TextInputLayout</item>
</style>
<style name="Widget.MyApp.TextInputLayout" parent="Widget.Design.TextInputLayout">
<!-- My custom attrs -->
</style>