首页 > 解决方案 > 如何去除Android Material Design中TextInputLayout下的下划线?

问题描述

我试图从名为TextInputLayout. 我已经尝试了来自 SO 的几个不同的答案,但对我来说并不奏效,所以我决定问我自己的问题。

如何删除此下划线?

在此处输入图像描述

XML:

<com.google.android.material.textfield.TextInputLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="@dimen/_10sdp"
            style="?colorOnPrimary"
            app:boxCornerRadiusTopEnd="@dimen/_5sdp"
            app:boxCornerRadiusTopStart="@dimen/_5sdp"
            app:startIconContentDescription="Heading">

            <com.google.android.material.textfield.TextInputEditText
                android:id="@+id/input_heading"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:fontFamily="@font/ubuntubold"
                android:hint="Heading"
                android:inputType="text" />

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

标签: javaandroidkotlinmaterial-design

解决方案


如材料设计指南中所述,这是 TextInputLayout 的激活指示器。

检查激活指示器属性以获取详细信息。

一种解决方案是在您的应用程序中覆盖其中一些属性。

或者你可以这样做:

<com.google.android.material.textfield.TextInputLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="@dimen/_10sdp"
            style="?colorOnPrimary"
            app:boxCornerRadiusTopEnd="@dimen/_5sdp"
            app:boxCornerRadiusTopStart="@dimen/_5sdp"
            app:startIconContentDescription="Heading"
            app:boxStrokeWidth="0dp"
            app:boxStrokeWidthFocused="0dp">

    <com.google.android.material.textfield.TextInputEditText
        android:id="@+id/input_heading"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fontFamily="@font/ubuntubold"
        android:hint="Heading"
        android:inputType="text" />

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

检查app:boxStrokeWidth="0dp"app:boxStrokeWidthFocused="0dp"


推荐阅读