在 Android 系统中，TextInputLayout 和 EditText 是两个非常常用的控件。TextInputLayout 可以包含一个 EditText，并提供了很多方便的功能，比如上浮标签、提示信息等等。EditText 则是常用的文本输入控件。
本文将介绍在 Material Design 中如何使用 TextInputLayout 和 EditText 实现密码可见 / 不可见切换。这是一个非常常见的功能，可以提高用户体验，帮助用户更好地操作应用程序。
实现原理
实现密码可见 / 不可见切换的原理很简单，只需要在用户点击一个按钮时，改变 EditText 的输入类型即可。在 Android 中，EditText 的输入类型可以设置为文本、密码、数字等等。当 EditText 的输入类型设置为密码时，用户输入的内容会被隐藏。
因此，我们只需要在用户点击切换按钮时，判断当前 EditText 的输入类型是否为密码，如果是，就将输入类型改为文本，让用户看到输入的内容；否则，就将输入类型改为密码，隐藏用户输入的内容。
实现步骤
有了实现原理，我们可以开始编写代码了。下面是实现密码可见 / 不可见切换的详细步骤。
1. 创建布局文件
首先，我们需要在布局文件中包含一个 TextInputLayout 和一个 EditText，用于输入密码。同时，我们需要添加一个切换按钮，用于切换密码可见 / 不可见。
-- -------------------- ---- -------
------------------------------------------------------
--------------------------------
-----------------------------------
------------------------------------
----------------------------
--------------------------------
---------------------------------------------
--------------------------------------------------------
----------------------------------
-----------------------------------
------------------------------------
-----------------------
-------------------------------- --
--------------------------------------------------------
-------
------------------------------
-----------------------------------
------------------------------------
-------------------------------
-------------------- -------- ----------- --在这个布局文件中，我们将 passwordToggleEnabled 设置为 true，这将在 TextInputLayout 右边添加一个切换按钮。我们还将 passwordToggleTint 设置为 colorPrimary，这将改变切换按钮的颜色。
2. 获取控件的引用
接下来，我们需要在代码中获取 TextInputLayout、EditText、切换按钮的引用。我们可以用 findViewById 方法获取这些引用。
TextInputLayout passwordLayout = findViewById(R.id.passwordLayout); EditText passwordEditText = findViewById(R.id.passwordEditText); Button toggleButton = findViewById(R.id.toggleButton);
3. 设置切换监听器
然后，我们需要为切换按钮设置一个单击监听器。在监听器中，我们可以修改 EditText 的输入类型来实现密码的可见 / 不可见切换。代码如下：
-- -------------------- ---- -------
----------------------------------- ---------------------- -
---------
------ ---- ------------ -- -
--- --------- - --------------------------------
-- ---------- -- --------------------------------------- -
-- ----
------------------------------------------------------------------------------
-------------------------------------------------------------------
-------------------------- -----------
- ---- -
-- ----
--------------------------------------------------------------------
- ---------------------------
-------------------------------------------------------------------
-------------------------- -----------
-
-
---在这个监听器中，我们首先获取当前 EditText 的输入类型。如果当前输入类型为密码，则将输入类型改为可见密码，同时修改切换按钮的文本。如果当前输入类型为可见密码，则将输入类型改为密码，同时修改切换按钮的文本。
注意，我们在修改 EditText 的输入类型后，需要再调用 setSelection 方法将光标移到文本的末尾。这可以确保用户在输入密码时，输入的字符不会被隐藏。
4. 运行程序
最后，运行程序，查看效果。
当用户输入密码时，密码将被隐藏，只有黑点显示。
当用户单击切换按钮时，密码将显示在 EditText 中，用于查看。
总结
本文介绍了在 Material Design 中如何使用 TextInputLayout 和 EditText 实现密码可见 / 不可见切换。我们讲解了实现原理，并提供了详细的代码示例。
此外，本文还涵盖了 TextInputLayout 和 EditText 的一些基本概念。如果您是 Android 开发的初学者，这篇文章可以帮助您更好地理解这两个控件。如果您是 Android 开发的高手，这篇文章也可以帮助您回顾这个常见的应用场景。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6521358495b1f8cacd8b58f8