Android自定义FlowLayout实现动态浮动标签布局

6 浏览量更新于2024-08-31 收藏 95KB PDF 举报

本文主要介绍了如何在Android开发中实现自定义的ViewGroup，以实现动态浮动标签的效果。作者参考了鸿洋大神的文章，并结合自身经验，解决了在自定义ViewGroup中处理wrap_content布局时的测量问题。关键步骤包括： 1. **测量策略**: - 在`onMeasure()`方法中，当ViewGroup设置为wrap_content时，需要遍历子View并递归调用它们的`onMeasure()`。在每次测量前，检查子View的宽度是否会超出当前行，若超出则开启新的一行，并记录每一行的最大高度。这样确保了整个ViewGroup的高度可以根据子View的数量和尺寸动态调整。 2. **布局逻辑**: - `onLayout()`方法负责子View的精确布局。对于每个子View，计算其左上角(l, t)和右下角(r, b)坐标，通过调整子View的left和top属性来定位它们。这个过程需要精细管理，确保标签在视图中按照预期的方式排列。 3. **核心类实现**: - 创建了一个名为`DynamicTagFlowLayout`的自定义ViewGroup，它继承自`ViewGroup`，并维护一个`String`类型的列表来存储动态添加的标签。构造函数接受`Context`、`AttributeSet`和默认样式作为参数，允许创建不同场景下的实例。 4. **用户交互**: - 实现了动态添加标签和点击事件，这可能涉及到添加或删除子View，以及相应的UI更新和数据绑定。通过以上步骤，开发者可以创建一个功能强大的自定义ViewGroup，用于实现Android应用中的标签页、选项卡或其他类似场景，提供流畅且响应式的用户体验。这种自定义View的设计有助于提高代码的灵活性和可重用性，同时也展示了对Android测量和布局系统的深入理解。

Android自定义自定义ViewGroup实现标签浮动效果实现标签浮动效果

前面在学习鸿洋大神的一些自定义的View文章，看到了自定义ViewGroup实现浮动标签，初步看了下他的思路以及结合自己

的思路完成了自己的浮动标签的自定义ViewGroup。目前实现的可以动态添加标签、可点击。效果图如下：

1、思路、思路

首先在onMeasure方法中测量ViewGroup的宽和高，重点是处理当我们自定义的ViewGroup设置为wrap_content的情况下，

如何去测量其大小的问题。当我们自定义的ViewGroup设置为wrap_content时，我们需要让子View先去测量自己，当子View

测量完后，再通过子View的getMeasuredWidth和getMeasureHeight方法获得其子View的宽和高。每次在测量一个子View之

前，都需要判断如果加入该子View，当前行是否能够容纳下该子View，如果不能，则需要新开一行，并记录下当前行的最大

高度。

在onLayout方法中，核心人物是给每个子View摆放位置，也就是为该ViewGroup中每个子View找到盒子模型上面的两个点也

就是左上角和右下角，即点（l,t）和点(r,b)，确定了两个点，子View的位置也就确定了。

2、实现、实现

基本思路有了就可以尝试实现了，代码如下：

自定义的ViewGroup：

/**

* 流式标签(动态的，根据传入的数据动态添加标签)

public class DynamicTagFlowLayout extends ViewGroup {

private List<String> mTags = new ArrayList<String>();

public DynamicTagFlowLayout(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

}

public DynamicTagFlowLayout(Context context, AttributeSet attrs) {

super(context, attrs);

}

public DynamicTagFlowLayout(Context context) {

super(context);

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

int widthMode = MeasureSpec.getMode(widthMeasureSpec);

int widthSize = MeasureSpec.getSize(widthMeasureSpec);

int heightMode = MeasureSpec.getMode(heightMeasureSpec);

下载后可阅读完整内容，剩余4页未读，立即下载

weixin_38630463

粉丝: 3
资源: 902

Android自定义FlowLayout实现动态浮动标签布局

AndroidFloatLabel, 浮动标签编辑Android文本.zip

android 浮动按钮添加自定义布局

Android实现网易严选标签栏滑动效果

Android 自定义viewgroup

android 自定义viewgroup

Android 自定义ViewGroup（可伸缩View带互相挤压效果 )

android自定义∨iewgroup实现图片裁剪功能

android自定义push通知_android通过自定义toast实现悬浮通知效果

如何设计一个继承自ViewGroup的自定义布局容器，并实现自定义的测量和布局逻辑？

自定义不规则viewgroup

最新资源