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

最新推荐文章于 2020-09-04 09:50:40 发布

原创

最新推荐文章于 2020-09-04 09:50:40 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#布局 #Android #自定义控件 #流式布局 #翻页

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

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

如下图

这里写图片描述

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

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

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