📜  材料 ui 文本字段删除下划线 (1)

📅  最后修改于: 2023-12-03 15:40:20.466000             🧑  作者: Mango

材料 UI 文本字段删除下划线

在 Material Design 风格的应用程序中,文本字段通常带有下划线以表示其可编辑的状态。而有时我们需要去掉这个下划线,以满足 UI 设计的需要。本文将介绍如何实现这个需求。

1. 在 XML 中设置

在 XML 中设置文本字段的 backgroundTint 属性为透明即可。代码如下:

<com.google.android.material.textfield.TextInputLayout
    ...
    app:boxBackgroundMode="none"
    app:backgroundTint="@android:color/transparent">
    
    <com.google.android.material.textfield.TextInputEditText
        ...
        />
</com.google.android.material.textfield.TextInputLayout>

其中,boxBackgroundMode 属性可以设置为 noneoutline,表示是否将输入框围绕着一个框架(outline)或者没有框架(none)。

2. 在代码中设置

在代码中设置文本字段的背景色为透明即可,代码如下:

textInputLayout.getEditText().setBackgroundTintList(ColorStateList.valueOf(Color.TRANSPARENT));

其中,textInputLayoutTextInputLayout 对象。

以上就是如何在 Material Design 应用程序中删除文本字段下划线的方法,可以根据具体需求选择其中的一种方案进行实现。