Android自定义View —流式布局FlowLayout

最新推荐文章于 2022-03-27 15:19:43 发布

^ 不渡^

最新推荐文章于 2022-03-27 15:19:43 发布

阅读量1.3k

点赞数 1

分类专栏：自定义view FlowLayout流式布局 Android Studio 文章标签： android 移动开发

本文链接：https://blog.csdn.net/zk2000416/article/details/106049656

版权

本文介绍了如何实现Android自定义的FlowLayout，适用于商城类App的流式布局需求。通过重写onMeasure和onLayout方法，详细解析了布局排列的逻辑。文章提供了源码分析，特别强调了间隔设置、onMeasure的二次测量问题以及数据记录变量的初始化等关键点，并给出了一些常见错误的示例和解决方案。

摘要由CSDN通过智能技术生成

流式布局FlowLayout

源码地址：(免费)案例源码

1.应用背景及说明

现在大部分商城类app都要用到流式布局，就是对不规则的子view进行布局排列。
自定义流式布局不外乎两点，重写onMeasure方法和onLayout方法。大部分代码我都写了注释，但还是有一些比较细节的地方，我还会抽取出来重点讲。
废话不多说，先上图。这才是正确的图

在这里插入图片描述

2.代码架构

结构比较简单，几个类而已，就不写了，直接上图吧！

在这里插入图片描述

3.代码分析

FlowLayout.java

以下代码还有一个很重要的地方在xml中，即android:layout_height="wrap_content"
就是这样：
在这里插入图片描述

onMeasure方法：
就干了两件事，一件是度量孩子，另一件是度量自己。在这其中保存了一些数据。
onLayout方法：
就干了一件事，拿到onMeasure方法中得到的数据，进行布局摆放。
为什么这里不要用onDraw方法呢？
众所周知，onDraw是进行绘制的，但这里我已经得到的大小，并且把它摆放再合适的位置，完全就不需要绘制这个方法。
基本上每个代码都写了注释，重点讲一下易错和需要注意的地方。

package com.example.flowlayout.widget;

import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;

import java.util.ArrayList;
import java.util.List;

public class FlowLayout extends ViewGroup {
   

    private static final String TAG = "FlowLayout";
    //统一设置间隔，比较方便
    private int horizontalSpace = dip_2px(16);
    private int verticalSpace = dip_2px(8);


    private int dip_2px(int dpValue) {
   
        float scale = getResources().getDisplayMetrics().density;
        return (int) (scale * dpValue + 0.5f);
    }
    //每次添加整行的view，相当于一个二维表
    List<List<View>> widList;
    //每一行的行高
    List<Integer> heiList = new ArrayList<>();
    //一行的view
    List<View> lineList;

    public FlowLayout(Context context) {
   
        this(context, null);
    }

    public FlowLayout(Context context, AttributeSet attrs