Android自定义ViewGroup实现标签流式布局

libodev

已于 2022-08-21 19:06:03 修改

阅读量880

点赞数

分类专栏： Android自定义View 文章标签： android

于 2022-08-21 19:04:12 首次发布

本文链接：https://blog.csdn.net/libocellon/article/details/126454022

版权

本文介绍了如何在Android中自定义一个ViewGroup来实现标签的流式布局，包括实现效果图、代码详细步骤以及控件的具体使用方法，如设置子控件背景和使用FlayLayout。

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

Android自定义ViewGroup实现标签流式布局

一、效果图

我们需要实现类似搜索历史记录，或者标签类的展示，除了使用google flowlayout，也可以自定义viewgroup实现

在这里插入图片描述

二、代码实现

package com.yhcode.androidview.widget;

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;


public class FlowLayout extends ViewGroup {
   
    public FlowLayout(Context context) {
   
        super(context);
    }

    public FlowLayout(Context context, AttributeSet attrs) {
   
        super(context, attrs);
    }

    public FlowLayout(Context context, AttributeSet attrs, int defStyleAttr) {
   
        super(context, attrs, defStyleAttr);
    }


    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
   
        int count = getChildCount();
        int lineWidth = 0;
        int lineHeight = 0;
        int top = 0;
        int left = 0;
        for (int i = 0; i < count; i++) {
   
            View childView = getChildAt(i);
            MarginLayoutParams layoutParams = (MarginLayoutParams) childView.getLayoutParams();
            int childWith = childView.getMeasuredWidth() + layoutParams.leftMargin + layoutParams.rightMargin;
            int childHeight = childView.getMeasuredHeight() + layoutParams.topMargin + layoutParams.bottomMargin;
            if (childWith + lineWidth > getMeasuredWidth()) {
   
                top += lineHeight;
                left = 0;
                lineHeight = childHeight;
                lineWidth = childWith;
            } else {
   
                lineHeight =