自定义HorizontalScrollView结合FlowLayout实现流式布局翻页效果

LX_LE

于 2017-07-13 19:32:07 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

文章标签：布局 Android 自定义控件流式布局翻页

本文链接：https://blog.youkuaiyun.com/LX_LE/article/details/75091235

本文介绍如何模仿美团外卖点评页，利用HorizontalScrollView和FlowLayout创建流式布局并实现每两行自动翻页的效果。在实现过程中，通过在FlowLayout上添加调整居中和限制绘制行数的代码，并在数据填充后使用回调通知滚动视图进行下一页的绘制。遇到的一个问题是在处理subList时出现ConcurrentModificationException，解决方法是创建新的List实例。源码可在GitHub的ScrollFlowLayout项目中查看。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

模仿美团外卖点评页效果，实现流式布局每两行换页。

如下图

这里写图片描述

项目使用的是 HorizontalScrollView 结合 FlowLayout实现效果
FlowLayout是在鸿洋的代码上修改FlowLayout

添加了调整居中以及只绘制两行的代码

    //居中对齐
    private void adjust() {
        int count = mAllViews.size();
        if (count == 0) {
            return;
        }
        if (count > 2) {
            count = 2;
        }
        for (int i =