Material Design 是 Google 推出的一种全新的设计语言，旨在提升用户交互体验，它是基于纸质的设计理念和实践，结合移动端的特点而产生。在 Material Design 中，List View 和 Recycler View 是两个重要的组件，而它们的联动效果也是一种非常重要的交互设计方式。
为什么需要 ListView 和 Recycler View 联动效果
ListView 和 Recycler View 是用户与移动应用进行交互的时间花销较高的界面组件之一，因此它们的交互方式也很重要。将这些列表进行联动，可以让用户更加舒适的使用应用，避免出现疲劳等问题。此外，联动还可以让用户在使用App时视觉上看起来更加流畅和统一，提升用户体验和应用的质感。
联动效果的具体实现方式
在 Android 中，使用 ListView 和 Recycler View 搭建列表视图是常见的方式，而且它们实现联动效果的方式也是非常相似的。下面我们来一步步实现它。
步骤一：准备两个列表
首先准备两个列表，一个是用来展示分类的，一个是用来展示具体信息的。其中，分类列表必须能够作为 Recycler View 的管理器，而具体信息列表则可以是 Recycler View 或者是 ListView。
步骤二：创建监听器
创建一个监听器，用于监听滚动事件，在滚动时让另一个列表也滚动。可以使用 OnScrollListener 类实现监听器，其中重写 onScroll 方法，在此方法中更新另一个列表的位置。
-- -------------------- ---- -------
------------------------------------- ------------------------------- -
---------
------ ---- ----------------------- ------------- --- --- --- --- -
------------------------------ --- ----
------------------- ------------- - --------------------- --------------------------------
--- -------------------- - ---------------------------------------------
--- ------------------- - --------------------------------------------
-- --------------
----------------------------------------------------
-
---步骤三：让第二个列表跟随联动
在步骤二中，我们获取到了当前列表的位置，并可以根据位置来更新分类列表，但是我们还需要根据分类列表的位置来更新第二个列表，这可以通过调用 smoothScrollToPosition 方法来实现。
// 根据分类的位置来更新第二个列表 mRecyclerView.smoothScrollToPosition(position);
步骤四：适配器设置数据
最后是设置适配器和数据。需要为分类列表设置一个适配器，该适配器应既能够管理 Recycler View ，也能够管理 ListView。而对于具体信息列表，只需设置其对应的适配器即可。
mCategoryAdapter = new BaseQuickAdapter<CategoryItem, BaseViewHolder>(R.layout.item_category_layout, mCategoryData) {
@Override
protected void convert(BaseViewHolder helper, CategoryItem item) {
helper.setText(R.id.tv_category_name, item.getCategoryName());
}
};
mCategoryListView.setAdapter(mCategoryAdapter);
mRecyclerView.setAdapter(mAdapter);总结
本文介绍了 Material Design 下 ListView 和 Recycler View 的联动效果的实现方式。通过学习本文，你能够更好地理解这种交互设计方式，并可以举一反三地运用到你的应用中。同时，本文的示例代码也可以帮助你更好地理解联动效果的实现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65953aefeb4cecbf2d96ea3d