如何禁用 TextInputLayout 密码切换按钮上的波纹效果

Question

我使用 TextInputLayout 显示密码切换按钮。它正在工作，但涟漪效应位于 EditText 的背景后面（我使用 EditText 的可绘制背景）。如何禁用密码按钮的波纹效果或将波纹带到 EditText 背景前面？这里是演示问题的录制视频https://i.stack.imgur.com/g1TSE.jpg。

\n\n

<com.google.android.material.textfield.TextInputLayout\n                android:layout_width="match_parent"\n                android:layout_height="wrap_content"\n                android:layout_marginTop="25dp"\n                app:hintEnabled="false"\n                app:passwordToggleEnabled="true">\n\n                <com.google.android.material.textfield.TextInputEditText\n                    android:layout_width="match_parent"\n                    android:layout_height="wrap_content"\n                    android:background="@drawable/bg_edit"\n                    android:hint="\xe2\x80\xa2\xe2\x80\xa2\xe2\x80\xa2\xe2\x80\xa2\xe2\x80\xa2\xe2\x80\xa2"\n                    android:inputType="textPassword"\n                    android:padding="18dp" />\n            </com.google.android.material.textfield.TextInputLayout>\n

\n

Answer 1

您可以实现相同的结果，删除android:background="@drawable/bg_edit"并TextInputEditText使用OutlinedBox 样式：

\n\n

    <com.google.android.material.textfield.TextInputLayout\n        android:hint="\xe2\x80\xa2\xe2\x80\xa2\xe2\x80\xa2\xe2\x80\xa2\xe2\x80\xa2\xe2\x80\xa2"\n        app:endIconMode="password_toggle"\n        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"\n        app:boxBackgroundColor="@color/....."\n        ..>\n\n           <com.google.android.material.textfield.TextInputEditText\n                android:layout_width="match_parent"\n                android:layout_height="wrap_content"\n                android:inputType="textPassword"\n                android:padding="18dp" />\n\n    </com.google.android.material.textfield.TextInputLayout>\n

\n\n

注意：app:passwordToggleEnabled="true"已弃用。只需添加app:endIconMode="password_toggle".

\n