没有合适的资源？快使用搜索试试~ 我知道了~

Android FlowLayout流式布局实现详解

2 下载量 11 浏览量 2021-01-20 08:31:02 上传评论收藏 135KB PDF 举报

温馨提示

试读

9页

本文实例为大家分享了Android FlowLayout流式布局的具体代码，供大家参考，具体内容如下最近使用APP的时候经常看到有这种流式布局 ,今天我就跟大家一起来动手撸一个这种自定义控件. 首先说一下自定义控件的流程: 自定义控件一般要么继承View要么继承ViewGroup View的自定义流程: 继承一个View–>重写onMeasure方法–>重写onDraw方法–>定义自定义属性–>处理手势操作 ViewGroup的自定义流程: 继承一个ViewGroup–>重写onMeasure方法–>重写onLayout–>重写onDraw方法->定义自定义属性–>处理手势操作我们可以在Android开发中，流式布局（FlowLayout）是一种常见的布局方式，它允许子视图（views）按照特定的方向（通常是水平或垂直）排列，当一行或一列填满时自动换行。这种布局非常适合用于创建类似网格或者卡片视图的效果，如在电商应用的商品列表展示中。下面将详细讲解如何实现一个自定义的Android FlowLayout。自定义一个FlowLayout类，让它继承自ViewGroup。这是因为我们需要控制子视图的布局和排列，这在ViewGroup中才能实现。FlowLayou

资源详情

资源评论

资源推荐

Android FlowLayout流式布局实现详解流式布局实现详解

本文实例为大家分享了Android FlowLayout流式布局的具体代码，供大家参考，具体内容如下

最近使用APP的时候经常看到有

这种流式布局 ,今天我就跟大家一起来动手撸一个这种自定义控件.

首先说一下自定义控件的流程自定义控件的流程:

自定义控件一般要么继承View要么继承ViewGroup

View的自定义流程的自定义流程:

继承一个View–>重写onMeasure方法–>重写onDraw方法–>定义自定义属性–>处理手势操作

ViewGroup的自定义流程的自定义流程:

继承一个ViewGroup–>重写onMeasure方法–>重写onLayout–>重写onDraw方法->定义自定义属性–>处理手势操作

我们可以看到自定义View和自定义ViewGroup略微有些不同,自定义ViewGroup多了个onlayout方法,那么这些方法都有什么作

用呢？这里由于篇幅的问题不做过多的描述，简单的说

onMeasure:用来计算,计算自身显示在页面上的大小

onLayout:用来计算子View摆放的位置,因为View已经是最小单元了,所以没有字View,所以没有onLayout方法

onDraw:用来绘制你想展示的东西

定义自定义属性就是暴露一些属性给外部调用

好了,了解了自定义View的基本自定义流程,我们可以知道我们应该需要自定义一个ViewGroup就可以满足该需求.

首先自定义一个View命名为FlowLayout继承ViewGroup

public class FlowLayout extends ViewGroup {

public FlowLayout(Context context) {

this(context,null);

}

public FlowLayout(Context context, AttributeSet attrs) {

this(context, attrs,0);

}

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();

for (int i = 0; i < count; i++) {

getChildAt(i).layout(l,t,r,b);

}

可以看到onLayout是必须重写的,不然系统不知道你这个ViewGroup的子View摆放的位置.

然后XML中引用

<test.hxy.com.testflowlayout.FlowLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:id="@+id/mFlowLayout"

android:layout_margin="10dp"

android:layout_width="match_parent"

android:layout_height="match_parent" />

Activity中设置数据

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

FlowLayout mFlowLayout = (FlowLayout) findViewById(R.id.mFlowLayout);

List<String> list = new ArrayList<>();

list.add("java");

list.add("javaEE");

list.add("javaME");

list.add("c");

list.add("php");

list.add("ios");

list.add("c++");

list.add("c#");

list.add("Android");

for (int i = 0; i < list.size(); i++) {

View inflate = LayoutInflater.from(this).inflate(R.layout.item_personal_flow_labels, null);

TextView label = (TextView) inflate.findViewById(R.id.tv_label_name);

label.setText(list.get(i));

mFlowLayout.addView(inflate);

}

运行一下:

剩余8页未读，继续阅读

0、修改自。。向大神致敬 http://blog.csdn.net/lmj623565791/article/details/38352503 1、首先更改了原FlowLayout里的onLayout代码，源于原博客留言有个仁兄说（28楼：为什么要在onLayout里面再跑一次child 直接在onMeasure里面就可以完成 onLayout里面只要设置坐标就可以了） 2、评论里有好多兄弟说

内容反馈

weixin_38688550

粉丝: 7
资源: 912

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

Android FlowLayout流式布局实现详解

评论0

最新资源

Android FlowLayout流式布局实现详解

评论0

Android流式布局FlowLayout详解

Android流式布局FlowLayout

FlowLayout 流式布局

Android 用RecyclerView实现的流式布局，一款针对可拖动Tag的布局

Android自定义FlowLayout，可带固定按钮，可自定义样式、选择数量

Android 自定义流式布局FlowLayout 自己造的轮子真香！

android列表控件实现展开、收缩功能

Android代码-Android 流式布局FlowLayout(搜索历史),可多布局、点击删除、添加等操作。

安卓FlowLayout 流式布局案例

每日UI，Android流式布局（FlowLayout）

FlowLayout:流式布局

流式布局 FlowLayout

Android 实现FlowLayout流式布局（热门标签）

FlowLayout流式布局（仿热门标签）

Android 实现FlowLayout流式布局(类似热门标签)

Android-Android流式布局FlowLayout实现关键字标签

android 自定义view流式布局

Android-FlowLayout流式布局适合用于标签分类筛选等

Android代码-FlowLayout

FlowLayout

android 实现FlowLayout 流线布局（自定义ViewGroup）

Android流式标签可动态添加FlowLayout

安卓UI布局相关-FlowLayout流式布局.rar

Android流式布局实现历史搜索记录功能

Android自定义流式布局实现淘宝搜索记录

布局的收起与展开

Android自定义ViewGroup之实现FlowLayout流式布局

最新资源