android 自定义 child,Android_Android简单实现自定义流式布局的方法，本文实例讲述了Android简单实现 - phpStudy...

Android简单实现自定义流式布局的方法

本文实例讲述了Android简单实现自定义流式布局的方法。分享给大家供大家参考，具体如下：

首先来看一下 手淘HD - 商品详情 - 选择商品属性 页面的UI

商品有很多尺码，而且展现每个尺码所需要的View的大小也不同(主要是宽度)，所以在从服务器端拉到数据之前，展现所有尺码所需要的行数和每一行的个数都无法确定，因此不能直接使用GridView或ListView。

如果使用LinearLayout呢？

一个LinearLayout只能显示一行，如果要展示多行，则每一行都要new一个LinearLayout出来，而且还必须要计算出每一个LinearLayout能容纳多少个尺码对应的View，实现起来也会比较复杂。

其实要实现这个功能，只需要借鉴一下CSS3的flex-box 就可以了。

要实现一个Android版本的flexbox，原理非常简单，为了与Android的命名规范保持一致，我们称之为FlowLayout。

1. 首先新建一个FlowLayout类，继承自ViewGroup

2. 在onMeasure中根据 child views 计算出FlowLayout高度

3. 在onLayout中对child views 的进行布局(layout)

下面只列出了最核心的代码片段，完整代码已经放到Github上－AndroidFlowLayout，欢迎fork。

在onMeasure中计算FlowLayout的高度

// 遍历所有的子View

for (int i = 0, childCount = getChildCount(); i < childCount; ++i) {

View childView = getChildAt(i);

// measure子View，并获取它的宽度和高度

LayoutParams childLayoutParams = childView.getLayoutParams();

childView.measure(

getChildMeasureSpec(widthMeasureSpec, paddingLeft + paddingRight, childLayoutParams.width),

getChildMeasureSpec(heightMeasureSpec, paddingTop + paddingBottom, childLayoutParams.height));

int childWidth = childView.getMeasuredWidth();

int childHeight = childView.getMeasuredHeight();

// 计算当前行的高度(当前行所有子View中最高的那个)

lineHeight = Math.max(childHeight, lineHeight);

// 把当前child view放到上一个child view的右边，如果放不下，则换行

if (childLeft + childWidth + paddingRight > myWidth) {

childLeft = paddingLeft;

childTop += mVerticalSpacing + lineHeight;

lineHeight = childHeight;

} else {

childLeft += childWidth + mHorizontalSpacing;

}

}

int wantedHeight = childTop + lineHeight + paddingBottom;

// 计算FlowLayout所需要高度

setMeasuredDimension(myWidth, resolveSize(wantedHeight, heightMeasureSpec));

在onLayout中对child views进行布局

代码与onMeasure非常类似，只需要根据child view的宽度和高度放到指定位置即可。

for (int i = 0, childCount = getChildCount(); i < childCount; ++i) {

View childView = getChildAt(i);

if (childView.getVisibility() == View.GONE) {

continue;

}

int childWidth = childView.getMeasuredWidth();

int childHeight = childView.getMeasuredHeight();

lineHeight = Math.max(childHeight, lineHeight);

if (childLeft + childWidth + paddingRight > myWidth) {

childLeft = paddingLeft;

childTop += mVerticalSpacing + lineHeight;

lineHeight = childHeight;

}

// 关键代码

childView.layout(childLeft, childTop, childLeft + childWidth, childTop + childHeight);

childLeft += childWidth + mHorizontalSpacing;

}

完整版代码已经放到Github－FlowLayout，打出来的aar包已经上传到了bintray，使用方式非常简单，只需要在项目(project)对应的build.gradle中添加一条dependency即可。

compile 'com.liangfeizc:flowlayout:1.0.0@aar'

把aar包上传到 jCenter

具体做法可参考 publishing gradle android library to jcenter

打包脚本可参考 flowlayout/build.gradle

更多关于Android相关内容感兴趣的读者可查看本站专题：《Android布局layout技巧总结》、《Android视图View技巧总结》、《Android操作XML数据技巧总结》、《Android编程之activity操作技巧总结》、《Android资源操作技巧汇总》、《Android文件操作技巧汇总》、《Android操作SQLite数据库技巧总结》、《Android操作json格式数据技巧总结》、《Android数据库操作技巧总结》、《Android编程开发之SD卡操作方法汇总》、《Android开发入门与进阶教程》及《Android控件用法总结》

希望本文所述对大家Android程序设计有所帮助。相关阅读:

Win8.1如何删除美式键盘？Win8.1系统删除美式键盘的方法

浅析php创建者模式

JavaScript实现简单的tab选项卡切换

iOS开发中常见的项目文件与MVC结构优化思路解析

jQuery中:checkbox选择器用法实例

Win10打不开路由器挂载的硬盘连接硬盘失败的处理措施

ajax提交session超时跳转页面使用全局的方法来处理

java(jsp)整合discuz同步登录功能详解

JavaScript与jQuery实现的闪烁输入效果

Win10如何卸载内存驱动程序以解决突如其来的问题

Win10 TH2正式版10586官方ESD映像怎么转换成ISO镜像?

Linux中的压缩软件7-zip的使用教程

MySQL日志文件详解

JavaScript前端图片加载管理器imagepool使用详解