2024年最全Android 从零开始实现RecyclerView分组及粘性头部效果,2024年最新Android高级工程师进阶学习

尾声

在我的博客上很多朋友都在给我留言,需要一些系统的面试高频题目。之前说过我的复习范围无非是个人技术博客还有整理的笔记,考虑到笔记是手写版不利于保存,所以打算重新整理并放到网上,时间原因这里先列出面试问题,题解详见:


展示学习笔记

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

最近项目中要实现列表分组粘性头部的效果,网上翻了很多资料和开源库,感觉都不是太好用,有的扩展性不强有的用起来又太复杂,于是决定自己动手造轮子。行动之前,研究了许多前人的源码,决定了几点开发方向

  • 尽可能方便用户使用,减少调用的代码量及与其他类的耦合度
  • 使用RecyclerView实现列表功能
  • 自定义RecyclerView.ItemDecoration绘制分组Item粘性头部
  • 通过layoutInflater.inflate获取layout中的布局并传入ItemDecoration进行绘制(方便用户布局分组Item)
  • ItemDecoration中提供接口让用户对列表数据进行分组设置分组Item的显示内容

目前GroupItemDecoration第一阶段已开发完成(会继续更新和扩展功能),源码及示例已上传至Github,具体效果如图

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传


GroupItemDecoration使用简介

GroupItemDecoration目前只支持LinearLayoutManager.VERTICAL类型,使用流程如下

LayoutInflater layoutInflater = LayoutInflater.from(this);
View groupView = layoutInflater.inflate(R.layout.item_group,null);

  • 调用recyclerView.addItemDecoration添加GroupItemDecoration

recyclerView.addItemDecoration(new GroupItemDecoration(this,groupView,new GroupItemDecoration.DecorationCallback() {
@Override
public void setGroup(List groupList) {
//设置分组,GroupItem(int startPosition),例如:
GroupItem groupItem = new GroupItem(0);
groupItem.setData(“name”,“第1组”);
groupList.add(groupItem);

groupItem = new GroupItem(5);
groupItem.setData(“name”,“第2组”);
groupList.add(groupItem);
}

@Override
public void buildGroupView(View groupView, GroupItem groupItem) {
//构建groupView,通过groupView.findViewById找到内部控件(暂不支持点击事件等),例如
TextView textName = (TextView) groupView.findViewById(R.id.text_name);
textName.setText(groupItem.getData(“name”).toString());
}
}));

如果还是不清楚可以去看下demo


实现思路

在我们自定义ItemDecoration之前首先得了解ItemDecoration有什么用,不清楚的可以看下这两篇博客

RecyclerView之ItemDecoration由浅入深

深入理解 RecyclerView 系列之一:ItemDecoration

简单来说,我们实现分组及粘性头部效果分三步

  1. 重写ItemDecoration.getItemOffsetsRecyclerView中为GroupView预留位置
  2. 重写ItemDecoration.onDraw在上一步预留的位置中绘制GroupView
  3. 重写ItemDecoration.onDrawOver绘制顶部悬停的GroupView(粘性头部

我们按顺序一步步讲,首先,创建GroupItemDecoration继承自ItemDecoration,在初始化方法中获取用户设置的GroupView,并提供接口给用户设置分组相关

public class GroupItemDecoration extends RecyclerView.ItemDecoration {
private Context context;
private View groupView;
private DecorationCallback decorationCallback;

public GroupItemDecoration(Context context,View groupView,DecorationCallback decorationCallback) {
this.context = context;
this.groupView = groupView;
this.decorationCallback = decorationCallback;
}

public interface DecorationCallback {
/**

  • 设置分组
  • @param groupList
    */
    void setGroup(List groupList);

/**

  • 构建GroupView
  • @param groupView
  • @param groupItem
    */
    void buildGroupView(View groupView, GroupItem groupItem);
    }
    }

然后重写getItemOffsets方法,根据用户设置的分组为GroupView预留位置,其中最主要的是测量出GroupView宽高和位置measureView方法中按着View的绘制顺序调用View.measureView.layout,只有先完成了这两步,才能将View绘制到屏幕上,关于如何测量View大家可以看下这篇博客Android如何在初始化的时候获取加载的布局的宽高。接下来是具体的实现代码

public class GroupItemDecoration extends RecyclerView.ItemDecoration {
//省略部分代码…
private List groupList = new ArrayList<>();//用户设置的分组列表
private Map<Object,GroupItem> groups = new HashMap<>();//保存startPosition与分组对象的对应关系
private int[] groupPositions;//保存分组startPosition的数组
private int positionIndex;//分组对应的startPosition在groupPositions中的索引

@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
super.getItemOffsets(outRect, view, parent, state);
if(!isLinearAndVertical(parent)){//若RecyclerView类型不是LinearLayoutManager.VERTICAL,跳出(下同)
return;
}

if(isFirst){
measureView(groupView,parent);//绘制View需要先测量View的大小及相应的位置
decorationCallback.setGroup(groupList);//获取用户设置的分组列表
if(groupList.size()==0){//若用户没有设置分组,跳出(下同)
return;
}
groupPositions = new int[groupList.size()];
positionIndex = 0;

int a = 0;
for(int i=0;i<groupList.size();i++){//保存groupItem与其startPosition的对应关系
int p = groupList.get(i).getStartPosition();
if(groups.get§==null){
groups.put(p,groupList.get(i));
groupPositions[a] = p;
a++;
}
}
isFirst = false;
}

int position = parent.getChildAdapterPosition(view);
if(groups.get(position)!=null){
//若RecyclerView中该position对应的childView之前需要绘制groupView,则为其预留相应的高度空间
outRect.top = groupViewHeight;
}
}

/**

  • 测量View的大小和位置
  • @param view
  • @param parent
    */
    private void measureView(View view,View parent){
    if (view.getLayoutParams() == null) {
    view.setLayoutParams(new ViewGroup.LayoutParams(
    ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));
    }

int widthSpec = View.MeasureSpec.makeMeasureSpec(parent.getWidth(), View.MeasureSpec.EXACTLY);
int childWidth = ViewGroup.getChildMeasureSpec(widthSpec,
parent.getPaddingLeft() + parent.getPaddingRight(), view.getLayoutParams().width);

int childHeight;
if(view.getLayoutParams().height > 0){
childHeight = View.MeasureSpec.makeMeasureSpec(view.getLayoutParams().height, View.MeasureSpec.EXACTLY);
} else {
childHeight = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);//未指定
}

view.measure(childWidth, childHeight);
view.layout(0,0,view.getMeasuredWidth(),view.getMeasuredHeight());

groupViewHeight = view.getMeasuredHeight();
}

/**

  • 判断LayoutManager类型,目前GroupItemDecoration仅支持LinearLayoutManager.VERTICAL
  • @param parent
  • @return
    */
    private boolean isLinearAndVertical(RecyclerView parent){
    RecyclerView.LayoutManager layoutManager = parent.getLayoutManager();
    if (!(layoutManager instanceof LinearLayoutManager)) {
    return false;
    }else {
    if(((LinearLayoutManager) layoutManager).getOrientation()
    != LinearLayoutManager.VERTICAL){
    return false;
    }
    }
    return true;
    }
    }

RecyclerViewGroupView预留了空间后,我们需要重写onDraw方法将其绘制出来。为了保证将所有用户设置的分组都绘制出来,我们要遍历RecyclerView所有的childView,当循环到该childViewposition能找到对应的GroupItem时,便在该childView的上方绘制出GroupView(该位置正是之前预留的空间),具体代码如下

@Override
public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
super.onDraw(c, parent, state);
if(groupList.size()==0 || !isLinearAndVertical(parent)){
return;
}

int childCount = parent.getChildCount();
for (int i = 0; i < childCount; i++) {
View child = parent.getChildAt(i);
float left = child.getLeft();
float top = child.getTop();

int position = parent.getChildAdapterPosition(child);
if(groups.get(position)!=null){
c.save();
c.translate(left,top - groupViewHeight);//将画布起点移动到之前预留空间的左上角
decorationCallback.buildGroupView(groupView,groups.get(position));//通过接口回调得知GroupView内部控件的数据
measureView(groupView,parent);//因为内部控件设置了数据,所以需要重新测量View
groupView.draw©;
c.restore();

最后

简历首选内推方式,速度快,效率高啊!然后可以在拉钩,boss,脉脉,大街上看看。简历上写道熟悉什么技术就一定要去熟悉它,不然被问到不会很尴尬!做过什么项目,即使项目体量不大,但也一定要熟悉实现原理!不是你负责的部分,也可以看看同事是怎么实现的,换你来做你会怎么做?做过什么,会什么是广度问题,取决于项目内容。但做过什么,达到怎样一个境界,这是深度问题,和个人学习能力和解决问题的态度有关了。大公司看深度,小公司看广度。大公司面试你会的,小公司面试他们用到的你会不会,也就是岗位匹配度。

选定你想去的几家公司后,先去一些小的公司练练,学习下面试技巧,总结下,也算是熟悉下面试氛围,平时和同事或者产品PK时可以讲得头头是道,思路清晰至极,到了现场真的不一样,怎么描述你所做的一切,这绝对是个学术性问题!

面试过程一定要有礼貌!即使你觉得面试官不尊重你,经常打断你的讲解,或者你觉得他不如你,问的问题缺乏专业水平,你也一定要尊重他,谁叫现在是他选择你,等你拿到offer后就是你选择他了。

金九银十面试季,跳槽季,整理面试题已经成了我多年的习惯!在这里我和身边一些朋友特意整理了一份快速进阶为Android高级工程师的系统且全面的学习资料。涵盖了Android初级——Android高级架构师进阶必备的一些学习技能。

附上:我们之前因为秋招收集的二十套一二线互联网公司Android面试真题(含BAT、小米、华为、美团、滴滴)和我自己整理Android复习笔记(包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。)

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

-1715114451098)]

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

  • 13
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值