含有过滤功能的android流式布局

原创 2015年07月10日 22:14:44

FilterFlowLayout

含有过滤功能的流式布局, 参考FlowLayout

  • 可以去除宽度不在范围(比例或真实值)内的子view
  • 可以设置最大行数
  • 可以添加组件间水平间距
  • 可以添加行间距

截图

系统要求

Android 4.0以上

快速使用

<me.codeboy.android.lib.FilterFlowLayout
    xmlns:cb="http://schemas.android.com/apk/res-auto"
    android:id="@+id/filterFlowLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    cb:maxWidthRatio="0.5"
    cb:minWidth="80dp"
    cb:maxLines="3"
    cb:horizontalGap="5dp"
    cb:verticalGap="5dp"
    >
  • 最大宽度为FlowLayout的宽度的一半
  • 最小宽度是80dp
  • 最大行数为3行
  • 水平间距为5dp
  • 垂直间距为5dp

xml配置

maxWidthRatio  最大宽度比例,相对于FlowLayout的总宽度,默认-1
minWidthRatio  最小宽度比例,相对于FlowLayout的总宽度,默认-1
maxWidth       最大宽度,默认0
minWidth       最小宽度,默认0
maxLines       最大显示行数,默认Integer.MAX_VALUE
horizontalGap  每一行子试图之间的空隙,默认是0
verticalGap    多行式行空隙,默认是0

相关方法

setMaxChildWidth(float maxChildWidth)  //设置最大宽度
setMinChildWidth(float minChildWidth)  //设置最小宽度
setMaxLines(int maxLines)              //设置最大行数
setHorizontalGap(int horizontalGap)    //设置水平间距
setVerticalGap(int verticalGap)        //设置垂直间距

注意事项

  • xml中同时设置宽度的比例与具体值时,比例(ratio)的优先级高于真实值。
  • 宽度都不设置时,最大宽度为FlowLayout的宽度。

Android自定义控件之流式布局

脑筋急转: 在一个房间里,有油灯 ,暖炉及壁炉。现在,想要用一根火柴将三个器具点燃,请问首先应该点燃哪一个? 请查看文章最后有有解析...
  • zl18603543572
  • zl18603543572
  • 2016年03月12日 22:28
  • 2088

一个非常好用的Android流式布局

效果图镇楼 首先我们先添加依赖compile 'com.zhy:flowlayout-lib:1.0.3'然后将以下标签和布局添加到项目中。 主布局layouy->activity_flow_...
  • qq_36621990
  • qq_36621990
  • 2017年07月17日 17:31
  • 621

Android流式布局的实现原理

1.流式布局的特点以及应用场景 特点:当上面一行的空间不够容纳新的TextView时候, 才开辟下一行的空间  原理图:  场景:主要用于关键词搜索或者热门标签等场景 2.自定义V...
  • qq_15807167
  • qq_15807167
  • 2016年07月13日 21:45
  • 1526

Android流式布局的简单实现

这就是我们要实现的流式布局。 难点就在于如何控制子View的布局,动态的判断是否将子View放置在下一行。很明显,我们需要写一个类来继承ViewGroup。package com.example.d...
  • zhoujiadick
  • zhoujiadick
  • 2015年08月17日 10:50
  • 1106

android流式布局:FlexboxLayout用法探析(一)

FlexboxLayout是google官方开源的一个可以简单快速创建具有弹性功能的流式布局,它的目的是使用我们常见的布局模式,帮我们很好的实现UI区域的比例划分,比如三列布局,可以非常简单的实现。它...
  • tabolt
  • tabolt
  • 2016年07月01日 13:56
  • 4740

流式布局实现热搜和历史搜索

流式布局实现搜索历史记录和热搜
  • android_yck
  • android_yck
  • 2017年05月22日 17:35
  • 549

Android自定义控件--流式布局(FlowLayout)--自动适配

在android开发中,随着开发需求的不断提升,android原生的控件在很大程度上已不能满足开发者以及用户的需求,为了更好的增加用户体验,更有利的维护UI,在一个完整的程序中,自定义控件往往是不可或...
  • MyLoveyaqiong
  • MyLoveyaqiong
  • 2016年11月03日 01:37
  • 2177

RecyclerView 流式布局

RecyclerView 流式布局的一个demo,从网上下载的,我稍微改了一下,随手记下来备用....
  • moyinghui
  • moyinghui
  • 2016年10月08日 17:32
  • 790

android:高仿京东商品属性筛选(流式布局)

筛选和属性选择是目前非常常用的功能模块;几乎所有的APP中都会使用; 点击筛选按钮会弹出一个自己封装好的popupWindow,实用方法非常简单;两行代码直接显示;(当然初始化数据除外) 这里和以前用...
  • Zheng_Jiao
  • Zheng_Jiao
  • 2017年11月24日 16:45
  • 581

Android 流式布局LinearLayout

在安卓中,我们并没有现成的布局去实现自动流式的布局,这里给大家分享一个 FlowLinearLayout 。希望能帮到有需要的人。 package com.utils.widget; im...
  • abliudede
  • abliudede
  • 2017年02月07日 15:45
  • 386
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:含有过滤功能的android流式布局
举报原因:
原因补充:

(最多只允许输入30个字)