前言
在 Android 应用开发中，折叠式列表是一个非常常见的控件，它帮助我们在有限的屏幕空间内呈现更多的内容。而在 Material Design 中，折叠式列表得到了更加优美的设计，并且它的实现也变得更加简单。
本文将介绍在 Android Material Design 应用中实现折叠式列表的技巧，并提供示例代码。
实现步骤
步骤一：准备布局文件
首先，我们需要准备一个规定了头部和内容部分的布局文件。其中，头部部分包含一个 TextView 和一个箭头的 ImageView，内容部分可以是一个 LinearLayout 或者 RecyclerView 等列表控件。
------------- ----------------------------------------------------------
------------------------------
-----------------------------------
-------------------------------------
---- -- ---
-------------
------------------------
--------------------------------
-----------------------------------
------------------------------------
----------------------
------------------------
------------------------
----------------------------------------------------
---------
-----------------------
--------------------------
------------------------------------
-------------------------
-----------------------
------------------------------------------
----------
-----------------------
-----------------------------------
------------------------------------
------------------------------------------------
------------------------------------------
-----------------------
---------------
---- ---- ---
-------------
-------------------------
-----------------------------------
------------------------------------
------------------------------
-----------------------------------------
---------------------------
-------------------------
----------------------------
--------------------------
---- -------- ---
---
---------------
---------------需要注意的是，头部和内容部分都是一个 LinearLayout，内容部分使用了 visibility="gone" 隐藏起来。这个属性可以在需要折叠和展开的时候，通过设置 LinearLayout 的 visibility 属性来进行控制。
头部部分通过设置 clickable 和 focusable 属性为 true，以及 background 属性为 selectableItemBackground，使得它可以正常地响应点击事件，并且在被点击时会有点击效果。
步骤二：初始化头部视图
为了能够控制内容部分的显示与隐藏，我们需要在头部视图的点击事件中进行相应的处理。代码如下：
------ ----- ---------------------- ------- ------------------------------------------------------- -
---
------- ---- ----------------- ------------ ------- ----- ------------ -------- ----- --------- ------ -
----------------------------- ---------------------- -
---------
------ ---- ------------ -- -
-- ------------------------ -- ---------- -
------------------------------------
----------------------------------------------------------
- ---- -
---------------------------------
------------------------------------------------------------
-
-
---
-
---
-在这个方法中，我们设置了头部视图的点击事件，并且根据内容部分的 visibility 属性来判断当前折叠状态。如果内容部分处于隐藏状态，那么我们将其设置为可见状态，并且修改箭头的图片为向上的，否则就将其设置为不可见状态，并且修改箭头的图片为向下的。
步骤三：使用 RecyclerView 显示折叠式列表
为了能够在列表中显示折叠式列表，我们可以使用 RecyclerView 进行封装。代码如下：
------ ----- ---------------------- ------- ------------------------------------------------------- -
---
---------
------ ---- ------------------------- ---------- ------- --- --------- -
---
-- ------
------------------------------ ------------------- ------------------
-
---
------ ------ ----- ---------- ------- ----------------------- -
------------ -----------
------------ ------------
--------- ----------
--------------- --------- -
----------------
---------- - -----------------------------------
----------- - ------------------------------------
--------- - ----------------------------------
-
-
---
-在 ViewHolder 中，我们保存了头部视图、内容视图和箭头视图，并且在 onBindViewHolder 方法中调用了 setupHeader 方法设置了头部视图的点击事件。
示例代码
CollapsibleListAdapter.java
------ ----- ---------------------- ------- ------------------------------------------------------- -
------- --------------------- ---------
-------------------------------------------- --------- -
------------- - ---------
-
--------
---------
------ ---------- --------------------------- --------- ------- --- --------- -
---- ---- - --------------------------------------------------------------------------- ------- -------
------ --- -----------------
-
---------
------ ---- ------------------------- ---------- ------- --- --------- -
--------------- ---- - -----------------------
------------------------------------------
-- ------
------------------------------ ------------------- ------------------
-
---------
------ --- -------------- -
------ ----------------
-
------- ---- ----------------- ------------ ------- ----- ------------ -------- ----- --------- ------ -
----------------------------- ---------------------- -
---------
------ ---- ------------ -- -
-- ------------------------ -- ---------- -
------------------------------------
----------------------------------------------------------
- ---- -
---------------------------------
------------------------------------------------------------
-
-
---
-
------ ------ ----- ---------- ------- ----------------------- -
-------- ----------
------------ -----------
------------ ------------
--------- ----------
--------------- --------- -
----------------
--------- - ----------------------------------
---------- - -----------------------------------
----------- - ------------------------------------
--------- - ----------------------------------
-
-
-item_collapsible.xml
------------- ----------------------------------------------------------
------------------------------
-----------------------------------
------------------------------------
------------------------
----------------------------
---- -- ---
-------------
------------------------
--------------------------------
-----------------------------------
------------------------------------
----------------------
------------------------
------------------------
----------------------------------------------------
---------
-----------------------
-----------------------------------
------------------------------------
-----------------------
------------------------------------------
----------
-----------------------
-----------------------------------
------------------------------------
------------------------------------------------
------------------------------------------
-----------------------
---------------
---- ---- ---
-------------
-------------------------
-----------------------------------
------------------------------------
------------------------------
-----------------------------------------
---------------------------
-------------------------
----------------------------
--------------------------
---- -------- ---
---
---------------
---------------总结
本文介绍了在 Android Material Design 应用中实现折叠式列表的技巧，并且提供了示例代码。通过本文的介绍，相信读者可以很快地掌握折叠式列表的实现方法，并且在日常开发中运用它来提高用户体验。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6655c509d3423812e4a7c832