[Android]使用RecyclerView替代ListView(三)

简介: 以下内容为原创,转载请注明: 来自天天博客:http://www.cnblogs.com/tiantianbyconan/p/4268097.html    这次来使用RecyclerView实现PinnedListView的效果,效果很常见: 开发的代码建立在上一篇([Android]使用RecyclerView替代ListView(二):http://www.cnblogs.com/tiantianbyconan/p/4242541.html)基础之上。

以下内容为原创,转载请注明:

来自天天博客:http://www.cnblogs.com/tiantianbyconan/p/4268097.html 

 

这次来使用RecyclerView实现PinnedListView的效果,效果很常见:

开发的代码建立在上一篇([Android]使用RecyclerView替代ListView(二)http://www.cnblogs.com/tiantianbyconan/p/4242541.html)基础之上。

修改布局如下:

 1 <?xml version="1.0" encoding="utf-8"?>
 2 
 3 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 4               android:orientation="vertical"
 5               android:layout_width="match_parent"
 6               android:layout_height="match_parent">
 7 
 8     <android.support.v7.widget.Toolbar
 9             android:id="@+id/recycler_view_pinned_toolbar"
10             android:layout_height="wrap_content"
11             android:layout_width="match_parent"
12             android:background="?attr/colorPrimary"
13             />
14     <android.support.v4.widget.SwipeRefreshLayout
15             android:id="@+id/recycler_view_pinned_srl"
16             android:layout_width="match_parent"
17             android:layout_height="wrap_content"
18             >
19 
20         <com.wangjie.androidbucket.support.recyclerview.pinnedlayout.PinnedRecyclerViewLayout
21                 android:id="@+id/recycler_view_pinned_layout"
22                 android:layout_width="match_parent" android:layout_height="match_parent">
23             <android.support.v7.widget.RecyclerView
24                     android:id="@+id/recycler_view_pinned_rv"
25                     android:scrollbars="vertical"
26                     android:layout_width="match_parent"
27                     android:layout_height="match_parent"
28                     android:background="#bbccaa"
29                     />
30             <Button
31                     android:id="@+id/recycler_view_pinned_add_btn"
32                     android:layout_width="wrap_content" android:layout_height="wrap_content"
33                     android:layout_centerVertical="true"
34                     android:background="#abcabc"
35                     android:text="add"
36                     />
37 
38         </com.wangjie.androidbucket.support.recyclerview.pinnedlayout.PinnedRecyclerViewLayout>
39 
40     </android.support.v4.widget.SwipeRefreshLayout>
41 
42 </LinearLayout>

可以看到RecyclerView是被一个PinnedRecyclerViewLayouthttps://github.com/wangjiegulu/AndroidBucket/blob/master/src/com/wangjie/androidbucket/support/recyclerview/pinnedlayout/PinnedRecyclerViewLayout.java包含在里面的。这个在项目AndroidBuckethttps://github.com/wangjiegulu/AndroidBucket中。先看看代码中怎么使用吧,具体实现待会说。

1 pinnedLayout.initRecyclerPinned(recyclerView, layoutManager, LayoutInflater.from(context).inflate(R.layout.recycler_view_item_float, null));
2 pinnedLayout.setOnRecyclerViewPinnedViewListener(this);

如上,使用方式很简单:

Line1:初始化绑定PinnedRecyclerViewLayout和RecyclerView,并设置需要被顶上去的pinnedView

Line2:设置OnRecyclerViewPinnedViewListener,作用是在顶部被顶上去替换掉的时候,会回调重新渲染数据,传入的OnRecyclerViewPinnedViewListener是this,显然,此Activity实现了这个接口,实现代码如下:

 1 // 渲染pinnedView数据
 2     @Override
 3     public void onPinnedViewRender(PinnedRecyclerViewLayout pinnedRecyclerViewLayout, View pinnedView, int position) {
 4         switch (pinnedRecyclerViewLayout.getId()) {
 5             case R.id.recycler_view_pinned_layout:
 6                 TextView nameTv = (TextView) pinnedView.findViewById(R.id.recycler_view_item_float_name_tv);
 7                 nameTv.setText(personList.get(position).getName());
 8                 TextView ageTv = (TextView) pinnedView.findViewById(R.id.recycler_view_item_float_age_tv);
 9                 ageTv.setText(personList.get(position).getAge() + "岁");
10                 break;
11         }
12     }

然后,我们来看看PinnedRecyclerViewLayout是怎么实现的。

  1 /**
  2  * Author: wangjie
  3  * Email: tiantian.china.2@gmail.com
  4  * Date: 2/2/15.
  5  */
  6 public class PinnedRecyclerViewLayout extends RelativeLayout {
  7 
  8     private static final String TAG = PinnedRecyclerViewLayout.class.getSimpleName();
  9 
 10     public static interface OnRecyclerViewPinnedViewListener {
 11         void onPinnedViewRender(PinnedRecyclerViewLayout pinnedRecyclerViewLayout, View pinnedView, int position);
 12     }
 13 
 14     private OnRecyclerViewPinnedViewListener onRecyclerViewPinnedViewListener;
 15 
 16     public void setOnRecyclerViewPinnedViewListener(OnRecyclerViewPinnedViewListener onRecyclerViewPinnedViewListener) {
 17         this.onRecyclerViewPinnedViewListener = onRecyclerViewPinnedViewListener;
 18     }
 19 
 20     public PinnedRecyclerViewLayout(Context context) {
 21         super(context);
 22         init(context);
 23     }
 24 
 25     public PinnedRecyclerViewLayout(Context context, AttributeSet attrs) {
 26         super(context, attrs);
 27         init(context);
 28     }
 29 
 30     public PinnedRecyclerViewLayout(Context context, AttributeSet attrs, int defStyleAttr) {
 31         super(context, attrs, defStyleAttr);
 32         init(context);
 33     }
 34 
 35     private void init(Context context) {
 36     }
 37 
 38     private View pinnedView;
 39     private ABaseLinearLayoutManager layoutManager;
 40 
 41     public void initRecyclerPinned(RecyclerView recyclerView, ABaseLinearLayoutManager layoutManager, View pinnedView) {
 42         this.pinnedView = pinnedView;
 43         this.layoutManager = layoutManager;
 44         this.addView(this.pinnedView);
 45         RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
 46         this.pinnedView.setLayoutParams(lp);
 47         layoutManager.getRecyclerViewScrollManager().addScrollListener(recyclerView, new OnRecyclerViewScrollListener() {
 48             @Override
 49             public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
 50             }
 51 
 52             @Override
 53             public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
 54                 refreshPinnedView();
 55             }
 56         });
 57         pinnedView.setVisibility(GONE);
 58     }
 59 
 60     // 保存上次的position
 61     private int lastPosition = RecyclerView.NO_POSITION;
 62 
 63     public void refreshPinnedView() {
 64         if (null == pinnedView || null == layoutManager) {
 65             Logger.e(TAG, "Please init pinnedView and layoutManager with initRecyclerPinned method first!");
 66             return;
 67         }
 68         if (VISIBLE != pinnedView.getVisibility()) {
 69             pinnedView.setVisibility(VISIBLE);
 70         }
 71         int curPosition = layoutManager.findFirstVisibleItemPosition();
 72         if (RecyclerView.NO_POSITION == curPosition) {
 73             return;
 74         }
 75         View curItemView = layoutManager.findViewByPosition(curPosition);
 76         if (null == curItemView) {
 77             return;
 78         }
 79         // 如果当前的curPosition和上次的lastPosition不一样,则说明需要重新刷新数据,避免curPosition一样的情况下重复刷新相同数据
 80         if (curPosition != lastPosition) {
 81             if (null != onRecyclerViewPinnedViewListener) {
 82                 onRecyclerViewPinnedViewListener.onPinnedViewRender(this, pinnedView, curPosition);
 83             }
 84             lastPosition = curPosition;
 85         }
 86 
 87         int displayTop;
 88         int itemHeight = curItemView.getHeight();
 89         int curTop = curItemView.getTop();
 90         int floatHeight = pinnedView.getHeight();
 91         if (curTop < floatHeight - itemHeight) {
 92             displayTop = itemHeight + curTop - floatHeight;
 93         } else {
 94             displayTop = 0;
 95         }
 96         RelativeLayout.LayoutParams lp = (LayoutParams) pinnedView.getLayoutParams();
 97         lp.topMargin = displayTop;
 98         pinnedView.setLayoutParams(lp);
 99         pinnedView.invalidate();
100     }
101 
102 
103 }

 

这个PinnedRecyclerViewLayout 是继承RelativeLayout的,因为我们需要在里面添加一个被顶上去的pinnedView,需要覆盖在RecyclerView上面。

Line44:把传进来的pinnedView增加到PinnedRecyclerViewLayout 里面

Line47~56:在ABaseLinearLayoutManager中增加一个滚动的监听器,因为我们需要在滚动的时候动态的改变pinnedView的位置,这样才能模拟顶上去的效果。并滚动时调用refreshPinnedView来刷新pinnedView的位置。

Line57:因为在调用initRecyclerPinned方法时,RecyclerView可能还没有数据源,所以不需要显示这个pinnedView,等到真正滚动的时候再显示就可以了。

refreshPinnedView()方法的作用是在滚动的同时用来刷新pinnedView的位置和显示的数据:

Line71~78:通过layoutManager获取当前第一个显示的数据position,然后根据position获取当前第一个显示的View。

Line79~85:如果当前的curPosition和上次的lastPosition不一样,则说明需要重新刷新数据,避免curPosition一样的情况下重复刷新相同数据。

Line87~95:根据当前第一个显示的View,根据它的top、它的高度和pinnedView的高度计算出pinnedView需要往上移动的距离(画个几何图一目了然了)。

Line96~99:刷新pinnedView的位置

 

示例代码:

https://github.com/wangjiegulu/RecyclerViewSample

 

[Android]使用RecyclerView替代ListView(一)

http://www.cnblogs.com/tiantianbyconan/p/4232560.html

 

[Android]使用RecyclerView替代ListView(二) 

http://www.cnblogs.com/tiantianbyconan/p/4242541.html

相关文章
|
缓存 Android开发 数据格式
[Android]使用RecyclerView替代ListView(二)
以下内容为原创,转载请注明: 来自天天博客:http://www.cnblogs.com/tiantianbyconan/p/4242541.html   以前写过一篇“[Android]使用AdapterTypeRender对不同类型的item数据到UI的渲染(http://www.cnblogs.com/tiantianbyconan/p/3992843.html)”,用于在有很多不同类型不同布局的item的时候怎么去较好的进行view的绑定和数据的渲染,但是这个是针对ListView写的。
959 0
|
Android开发 数据格式 XML
[Android]使用RecyclerView替代ListView(一)
以下内容为原创,欢迎转载,转载请注明 来自天天博客:http://www.cnblogs.com/tiantianbyconan/p/4232560.html   RecyclerView是一个比ListView更灵活的一个控件,以后可以直接抛弃ListView了。
935 0
|
26天前
|
缓存 搜索推荐 Android开发
安卓开发中的自定义控件实践
【10月更文挑战第4天】在安卓开发的海洋中,自定义控件是那片璀璨的星辰。它不仅让应用界面设计变得丰富多彩,还提升了用户体验。本文将带你探索自定义控件的核心概念、实现过程以及优化技巧,让你的应用在众多竞争者中脱颖而出。
|
2天前
|
编解码 Java Android开发
通义灵码:在安卓开发中提升工作效率的真实应用案例
本文介绍了通义灵码在安卓开发中的应用。作为一名97年的聋人开发者,我在2024年Google Gemma竞赛中获得了冠军,拿下了很多项目竞赛奖励,通义灵码成为我的得力助手。文章详细展示了如何安装通义灵码插件,并通过多个实例说明其在适配国际语言、多种分辨率、业务逻辑开发和编程语言转换等方面的应用,显著提高了开发效率和准确性。
|
1天前
|
Android开发 开发者 UED
安卓开发中自定义View的实现与性能优化
【10月更文挑战第28天】在安卓开发领域,自定义View是提升应用界面独特性和用户体验的重要手段。本文将深入探讨如何高效地创建和管理自定义View,以及如何通过代码和性能调优来确保流畅的交互体验。我们将一起学习自定义View的生命周期、绘图基础和事件处理,进而探索内存和布局优化技巧,最终实现既美观又高效的安卓界面。
11 5
|
1天前
|
缓存 数据库 Android开发
安卓开发中的性能优化技巧
【10月更文挑战第29天】在移动应用的海洋中,性能是船只能否破浪前行的关键。本文将深入探讨安卓开发中的性能优化策略,从代码层面到系统层面,揭示如何让应用运行得更快、更流畅。我们将以实际案例和最佳实践为灯塔,引领开发者避开性能瓶颈的暗礁。
7 3
|
3天前
|
存储 IDE 开发工具
探索Android开发之旅:从新手到专家
【10月更文挑战第26天】在这篇文章中,我们将一起踏上一段激动人心的旅程,探索如何在Android平台上从零开始,最终成为一名熟练的开发者。通过简单易懂的语言和实际代码示例,本文将引导你了解Android开发的基础知识、关键概念以及如何实现一个基本的应用程序。无论你是编程新手还是希望扩展你的技术栈,这篇文章都将为你提供价值和启发。让我们开始吧!
|
9天前
|
Java API Android开发
安卓应用程序开发的新手指南:从零开始构建你的第一个应用
【10月更文挑战第20天】在这个数字技术不断进步的时代,掌握移动应用开发技能无疑打开了一扇通往创新世界的大门。对于初学者来说,了解并学习如何从无到有构建一个安卓应用是至关重要的第一步。本文将为你提供一份详尽的入门指南,帮助你理解安卓开发的基础知识,并通过实际示例引导你完成第一个简单的应用项目。无论你是编程新手还是希望扩展你的技能集,这份指南都将是你宝贵的资源。
35 5