重叠头像最简单实现（RecyclerView实现）

使用RecyclerView轻松实现头像重叠效果

最新推荐文章于 2024-06-15 19:30:28 发布

原创最新推荐文章于 2024-06-15 19:30:28 发布 · 2.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#重叠头像 #头像

原创专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种简单的方法，通过RecyclerView及其内置的装饰器功能，无需自定义头像视图，即可实现头像重叠的效果。只需设置LinearLayoutManager的方向、堆叠和反转属性，以及添加一个ItemDecoration，就能在两行代码内完成布局。这是一个快速且实用的UI技巧，适合那些希望避免复杂自定义布局的开发者。

重叠头像最简单实现（RecyclerView实现）

在这里插入图片描述
实现如图所示的头像重叠，百度一下都是自定义头像，那有没有简单的实现方式呢？答案是有的，利用RecyclerView的装饰器实现，两行代码搞定。废话不多说，上代码：

首先设置方向：

 		LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);
        linearLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
        linearLayoutManager.setStackFromEnd(true);//列表再底部开始展示
        linearLayoutManager.setReverseLayout(true);//列表翻转
        recycleview.setLayoutManager(linearLayoutManager);
        recycleview.setAdapter(adapter));

然后设置装饰器：

 recycleview.addItemDecoration(new RecyclerView.ItemDecoration() {
            @Override
            public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
                super.getItemOffsets(outRect, view, parent, state);
                if (parent.getChildLayoutPosition(view) != userAcatars.size() - 1) {
                    outRect.left = DeviceUtil.dp2px(LearningPlanDetailsActivity.this, -7);
                }
            }
        });