自定义ViewGroup-堆叠头像的点赞Layout

最新推荐文章于 2024-07-12 04:24:13 发布

belong to air

最新推荐文章于 2024-07-12 04:24:13 发布

阅读量4.4k

点赞数 5

分类专栏： Android从零开始自定义View实践文章标签：自定义控件

本文链接：https://blog.csdn.net/u011102153/article/details/53289597

版权

简介

这里写图片描述

这样的点赞列表怎么样？之前做社区的时候也有类似的点赞列表，但是没有这样重叠，一个小小的改变，个人感觉逼格提高不少。

这个很有规则，就是后一个头像会覆盖一部分到前一个头像上，头像多了就像一串糖葫芦了。

这个实现起来不难，自定义ViewGroup，关键重写onLayout方法。我直接在AutoNewLineLayout基础上修改的。

关于自定义控件的基础知识可以看一看这个，整理的很详细：
https://github.com/GcsSloop/AndroidNote

实现

自定义属性

属性名	说明	默认值
vertivalSpace	行距	4dp
pileWidth	重叠宽度	10dp

onMeasure方法,每行的宽度不再是child的宽度和了，而是要减掉重叠部分的宽度和

@Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec);
        int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec);
        int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec);
        int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec);