如何去除AndroidMaterialDesign中TextInputLayout下的下划线？

html5 • • 问答

我试图从名为的材料设计组件中删除下划线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>

回答

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

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

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

或者你可以做这样的事情：

<com.google.android.material.textfield.TextInputLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="@dimen/_10sdp"
           
            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"

以上是如何去除AndroidMaterialDesign中TextInputLayout下的下划线？的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>