首页 > 解决方案 > 删除edittext指示符(下划线) - Material Design

问题描述

我需要删除 TextInputLayout 的下划线。它几乎被移除,但在开始和结束时显示小部分(黑色)。它仅在激活下面的屏幕时显示

在此处输入图像描述

风格:

<style name="EditTextLoginRegister" parent="Widget.MaterialComponents.TextInputLayout.FilledBox">
        <item name="boxCornerRadiusBottomEnd">8dp</item>
        <item name="boxCornerRadiusBottomStart">8dp</item>
        <item name="boxCornerRadiusTopEnd">8dp</item>
        <item name="boxCornerRadiusTopStart">8dp</item>
        <item name="boxStrokeWidth">0dp</item>
        <item name="boxStrokeColor">@android:color/transparent</item>
        <item name="boxBackgroundColor">@color/grey</item>
        <item name="android:textColorHint">@color/greyLight2</item>
        <item name="startIconTint">@color/greyLight2</item>
        <item name="endIconTint">@color/greyLight2</item>
        <item name="hintTextColor">@color/violet</item>
    </style>

和文本输入布局:

<com.google.android.material.textfield.TextInputLayout
        android:id="@+id/tl_email_login"
        style="@style/EditTextLoginRegister"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="24dp"
        android:layout_marginTop="16dp"
        android:layout_marginEnd="24dp"
        android:hint="@string/e_mail"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tv_header_login"
        app:startIconDrawable="@drawable/ic_user">

        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/et_email_login"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="textEmailAddress"
            android:textColor="@color/greyLight" />

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

标签: androidandroid-layout

解决方案


尝试添加boxStrokeWidthFocused到你的风格

<style name="EditTextLoginRegister" parent="Widget.MaterialComponents.TextInputLayout.FilledBox">
    <!-- Other attributes -->
    <item name="boxStrokeWidthFocused">0dp</item>

</style>

诚然,这是最困难的部分 -> 样式化材料设计视图。在 Android Studio 中,可以获得AutoComplete选项,我通常会浏览完整列表并尝试各种项目。

在此处输入图像描述


推荐阅读