在 Android 开发中，TextInputLayout 是一个非常实用的控件，它可以将 EditText 包裹起来，并提供了一些 Material Design 风格的特性，比如浮动标签、错误提示等。但是，有时候我们需要在 TextInputLayout 中添加一个下拉列表，以便用户从多个选项中选择一个值。这个时候，就需要解决 TextInputLayout 添加 dropdownList 的问题。
问题分析
在 Android 中，常见的下拉列表控件有 Spinner 和 AutoCompleteTextView。但是，将它们直接放在 TextInputLayout 中会导致一些问题，比如：
- 下拉列表会遮挡住输入框，影响用户体验。
- 如果下拉列表中的选项比较多，会导致页面布局混乱，难以管理。
因此，我们需要一种方法来解决这个问题，让 TextInputLayout 和下拉列表能够很好地协作。
解决方案
为了解决 TextInputLayout 添加 dropdownList 的问题，我们可以采用以下方案：
- 将 Spinner 或 AutoCompleteTextView 放在 TextInputLayout 的外面，不要直接放在 TextInputLayout 中。
- 当用户点击输入框时，弹出下拉列表，并将下拉列表的位置调整到 TextInputLayout 的下方。
- 当用户选择一个选项后，将选项的值填入输入框，并关闭下拉列表。
接下来，我们将详细介绍如何实现这个方案。
代码实现
布局文件
首先，我们需要在布局文件中定义一个 TextInputLayout 和一个 Spinner（或 AutoCompleteTextView），并将它们放在一个 RelativeLayout 中。这里以 Spinner 为例：
-- -------------------- ---- -------
---------------
-----------------------------------
-------------------------------------
------------------------------------------------------
-----------------------------------
-----------------------------------
------------------------------------
-------------------
---------
---------------------------
-----------------------------------
------------------------------------
------------------------
-----------------------------
-------------------------
--------------------------------------
--------------------------------------------------------
--------
-------------------------
-----------------------------------
------------------------------------
---------------------------------------------
-------------------------------------------------
--------------------------------------------------
--------------------------------------------------
--------------------------------------------------
-----------------注意，EditText 的输入类型为 none，这样用户就无法直接在输入框中输入内容。同时，设置 EditText 的光标不可见，防止出现光标闪烁的问题。
Java 代码
接下来，我们需要在 Java 代码中实现下拉列表的弹出和关闭。这里仍以 Spinner 为例：
-- -------------------- ---- -------
------ ----- ------------ ------- ----------------- -
------- --------------- ----------------
------- -------- ---------
------- ------- --------
------- -------------------- --------
------- ------------ -----
---------
--------- ---- --------------- ------------------- -
-----------------------------------
---------------------------------------
--------------- - -------------------------------------
-------- - -----------------------------
------- - ---------------------------
---- - --- --------------
----------------
----------------
----------------
------- - --- -------------------- ------------------------------------- ------
-------------------------------------------------------------------------------
----------------------------
------------------------------- ---------------------- -
---------
------ ---- ------------ -- -
-----------------------
-
---
------------------------------------- ------------------------------------ -
---------
------ ---- ----------------------------- ------- ---- ----- --- --------- ---- --- -
-------------------------------------
---------------------------------
-
---------
------ ---- -------------------------------- ------- -
-
---
--------------------------------------------- ---------------------- -
---------
------ ---- ------------ -- -
------------------------------------
---------------- ---------- -
---------
------ ---- ----- -
----- -------- - --- -------
----------------------------------------------
------------------------------------------------------------- - -------------
-
---
-
---
-
-在这段代码中，我们做了以下工作：
- 初始化 Spinner 和下拉列表的数据源。
- 为 EditText 设置点击事件，当用户点击输入框时，模拟用户点击 Spinner，弹出下拉列表。
- 为 Spinner 设置选择事件，当用户选择一个选项时，将选项的值填入输入框，并关闭下拉列表。
- 为 TextInputLayout 的尾部图标设置点击事件，当用户点击图标时，弹出下拉列表，并将下拉列表的位置调整到 TextInputLayout 的下方。
注意，我们在设置 Spinner 的位置时，使用了 post 方法来延迟执行。这是因为在 Spinner 初始化完成后，它的位置可能还没有确定，需要等到下一帧才能获取到正确的位置。
总结
通过以上的代码实现，我们成功解决了 TextInputLayout 添加 dropdownList 的问题。这个方案不仅可以用于 Spinner，还可以用于 AutoCompleteTextView 等其他下拉列表控件。如果你在开发中遇到了类似的问题，可以参考本文的解决方案来解决。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650c3a6795b1f8cacd64593c