如何通过RecyclerView自定义item span实现不规则图片选择界面

你不用自定义复杂的LayoutManager，用系统自带的GridLayoutManager就能实现图里的不等宽item效果，适配动态变化的列表长度也很方便，具体实现步骤如下：

• 首先确定基础网格的总列数，对照你的效果图，把总spanCount设为3即可：普通图片缩略图占1个span，跨两列的大图占2个span，日期分组头、拍照入口这类需要占满整行的项占3个span，刚好铺满每行不会留空隙。
• 给你的列表数据实体加两个标记字段：一个是itemType用来区分不同布局（头布局、普通图、大图、功能按钮），另一个是spanSize用来存当前item要占的列数。注意spanSize不要在渲染的时候临时算，你在组装、追加、修改列表数据的时候就提前给每个item算好span值存好，避免滑动时频繁计算卡顿。
• 给GridLayoutManager设置SpanSizeLookup，让每个位置的item读取提前存好的span值即可，核心代码：

// 初始化3列的网格布局管理器
GridLayoutManager gridLayoutManager = new GridLayoutManager(this, 3);
gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
    @Override
    public int getSpanSize(int position) {
        // 直接返回对应位置数据预存的span占比，不要在这里写复杂逻辑
        return mDataList.get(position).getSpanSize();
    }
});
mRecyclerView.setLayoutManager(gridLayoutManager);

• Adapter部分按照常规多类型列表写法实现即可：重写getItemViewType根据数据的itemType返回对应布局类型，onCreateViewHolder根据类型加载不同的item布局，onBindViewHolder做对应的数据绑定。

避坑提示 #

每次组装、新增、修改列表数据的时候，一定要校验同一行内所有item的spanSize加起来刚好等于总spanCount（也就是你设的3），多了少了都会出现排版错位、行尾留空的问题。如果要做点击图片后放大跨列的交互，只要修改对应位置数据的spanSize，调用adapter.notifyItemChanged(position)就能实时刷新效果，不需要重绘整个列表。

对应预期效果参考：

内容的提问来源于stack exchange，提问作者Sanjay verma