textinputlayout 密码切换图标被阻止答案

【问题标题】：textinputlayout password toggle icon is blockedtextinputlayout 密码切换图标被阻止
【发布时间】：2019-04-16 01:33:59
【问题描述】：

我不知道怎么用语言解释，但让附图来说话吧？

基本上，setError 图标会阻止密码切换图标。

最初我认为这是一个简单的布局问题，我曾尝试过使用颜色和背景等。但是，经过如此多的尝试和错误，我似乎无法找到问题的解决方案。

我将在此处发布我的 XML 供您参考：

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bokeh"
tools:context=".RegistrationActivity">


<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView
        android:layout_width="495dp"
        android:layout_height="130dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="15dp"
        android:src="@drawable/loginboa" />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginLeft="30dp"
    android:layout_marginRight="30dp"
    android:layout_marginTop="10dp"
    android:orientation="vertical"
    android:weightSum="1">

    <EditText
        android:id="@+id/etSignUpUsername"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:drawableLeft="@drawable/ic_user"
        android:drawablePadding="20dp"
        android:background="@drawable/edittext_bg"
        android:hint="Name"
        android:textColorHint="#a3a1a1"
        android:inputType="textPersonName"
        android:padding="10dp"
        android:layout_weight="0.10"/>

    <EditText
        android:id="@+id/etSignUpEmail"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.10"
        android:drawableLeft="@drawable/ic_email"
        android:drawablePadding="20dp"
        android:background="@drawable/edittext_bg"
        android:layout_marginTop="3dp"
        android:hint="Email"
        android:inputType="textEmailAddress"
        android:padding="10dp"
        android:textColorHint="#a3a1a1" />

    <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        app:passwordToggleEnabled="true"
        app:hintEnabled="false">

        <EditText
            android:id="@+id/etSignUpPassword"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Password"
            android:textColorHint="#a3a1a1"
            android:inputType="textPassword"
            android:drawableStart="@drawable/ic_password"
            android:background="@drawable/edittext_bg"
            android:layout_marginTop="3dp"
            android:drawablePadding="20dp"
            android:padding="10dp"
            android:layout_weight="0.09"/>

    </android.support.design.widget.TextInputLayout>


    <TextView
        android:id="@+id/tvPasswordHint"
        android:visibility="gone"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="5dp"
        android:text="Password must contain at least 8 characters including 
        one uppercase letter, one lowercase letter, one number &amp; one 
        special character."
        android:textAlignment="center"
        android:textSize="12sp"
        android:textStyle="bold|italic"
        android:textColor="#ff0000"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.623" />

    <EditText
        android:id="@+id/etSignUpDepartment"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.09"
        android:drawableLeft="@drawable/ic_department"
        android:drawablePadding="20dp"
        android:background="@drawable/edittext_bg"
        android:layout_marginTop="3dp"
        android:hint="Department"
        android:inputType="text"
        android:padding="10dp"
        android:textColorHint="#a3a1a1" />

    <EditText
        android:id="@+id/etSignUpRole"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.09"
        android:drawableLeft="@drawable/ic_role"
        android:drawablePadding="20dp"
        android:background="@drawable/edittext_bg"
        android:layout_marginTop="3dp"
        android:hint="Role"
        android:inputType="text"
        android:padding="10dp"
        android:textColorHint="#a3a1a1" />

    <Button
        android:id="@+id/btnRegister"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="25dp"
        android:background="@drawable/button_bg"
        android:text="SIGN UP"
        android:textSize="20dp"
        android:textColor="#000000"/>

    <TextView
        android:id="@+id/tvUserLogin"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:layout_marginRight="10dp"
        android:layout_marginBottom="8dp"
        android:text="Already have an account? LOGIN NOW! "
        android:textColor="#ba080000"
        android:textAlignment="center"
        android:textSize="14sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHorizontal_bias="0.382"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tvInfo"
        app:layout_constraintVertical_bias="0.437" />

</LinearLayout>
</LinearLayout>

我本可以创建另一个可绘制的红色感叹号图标，但我喜欢错误消息的弹出方式。

如果可能的话，我想保持这种方法，但当然还有更好的布局安排。因此，有人知道我该如何解决这个问题吗？谢谢。

【问题讨论】：

标签： java android xml android-layout android-textinputlayout

【解决方案1】：

将 id 分配给 textinputlayout 并将 setError 分配给 textinputlayout，而不是 edittext。喜欢：

  <android.support.design.widget.TextInputLayout
    android:id="@+id/tilSignUpPassword"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="5dp"
    app:passwordToggleEnabled="true"
    app:hintEnabled="false">

    <EditText
        android:id="@+id/etSignUpPassword"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Password"
        android:textColorHint="#a3a1a1"
        android:inputType="textPassword"
        android:drawableStart="@drawable/ic_password"
        android:background="@drawable/edittext_bg"
        android:layout_marginTop="3dp"
        android:drawablePadding="20dp"
        android:padding="10dp"
        android:layout_weight="0.09"/>

 </android.support.design.widget.TextInputLayout>

在课堂上：

 //your condition
  .....
  tilSignUpPassword.setError("Message")
  .....

在条件匹配后不要忘记 setError(null)。

【讨论】：

【解决方案2】：

我不知道你是否已经解决了这个问题。我的解决方案是将错误设置为 TextLayout 和 textLayout.errorIconDrawable = null

【讨论】：

这对我有用。谢谢！

【解决方案3】：

有办法

  <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        app:passwordToggleEnabled="true"
        app:hintEnabled="false">

        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <EditText
                android:id="@+id/etSignUpPassword"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="Password"
                android:textColorHint="#a3a1a1"
                android:inputType="textPassword"
                android:drawableStart="@drawable/ic_lock_outline_black_24dp"
                android:layout_marginTop="3dp"
                android:padding="10dp"
                android:layout_weight="0.09"/>

            <ImageButton
                android:layout_gravity="center_vertical"
                android:background="@android:color/transparent"
                android:src="@drawable/ic_visibility_black_24dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

        </LinearLayout>
    </android.support.design.widget.TextInputLayout>

【讨论】：

嗨！感谢您的回复！但是，我尝试了您的解决方案，我试图避免为眼睛添加图像按钮，因为如果我可以避免以编程方式使密码可见，我会更喜欢它。因此，我仍然想采用 textinputlayout 的内置密码切换可见性的原因。我仍然会支持您的解决方案，因为谁知道我是否真的无法解决最初的问题，那么我只会使用您的解决方案作为解决方法:) 谢谢，我很感激！