首页 > 解决方案 > Material Design TextInputLayout PasswordToggle Position

问题描述

我使用material design用passwordToggleEnabled绘制了我的密码输入框,但是密码眼球图标离右边框太近了。我尝试使用paddingRight或layout_marginRight,两者都只是缩短输入框,眼球图标仍然靠近笔划线。有什么建议吗?

    <android.support.design.widget.TextInputLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/text_input_layout_password"
            android:hint="Password"
            android:layout_marginTop="10dp"
            android:paddingLeft="10dp"
            android:textColorHint="@color/com_facebook_likeview_text_color"
            app:hintTextAppearance="@style/HintTextStyle"
            app:errorEnabled="true"
            app:errorTextAppearance="@style/error_appearance"
            style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox.Dense"
            app:boxStrokeColor="@color/white"
            app:boxCornerRadiusTopStart="20dp"
            app:boxCornerRadiusBottomEnd="20dp"
            app:boxCornerRadiusBottomStart="20dp"
            app:boxCornerRadiusTopEnd="20dp"
            app:boxStrokeWidth="1dp"
            android:outlineSpotShadowColor="@color/white"
            app:passwordToggleContentDescription="Show Password"
            app:passwordToggleDrawable="@drawable/ic_sign_up_screen_password_eyeball"
            app:passwordToggleTint="@color/white"
            app:passwordToggleEnabled="true"
            right

    >

        <EditText
                android:id="@+id/input_password"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:inputType="textPassword"
                android:textColor="@color/white"
                android:textSize="12dp"
                android:maxWidth="20dp"
                android:maxLines="1"
                android:backgroundTint="@android:color/transparent"
                android:textCursorDrawable="@drawable/sign_up_screen_cursor"
                android:textColorHint="@color/com_facebook_likeview_text_color"
                android:drawablePadding="20dp"
        />
    </android.support.design.widget.TextInputLayout>

在此处输入图像描述

标签: androidmaterial-design

解决方案


推荐阅读