美文网首页
流布局的简单实现:FlowView(标签流什么的都so easy

流布局的简单实现:FlowView(标签流什么的都so easy

作者: 码途有道 | 来源:发表于2018-02-24 21:19 被阅读0次

FlowView

关于

FlowView是一款流布局控件,采用Adapter模式,可以自定义item,更加灵活,使用起来就和ListView与BaseAdapter搭配一样简单,提供各种对齐方式,可以自适应高度,也可以设置item的高度,可以控制item的最大显示行数...

演示

先来看看效果吧!

效果图

添加依赖

  • 使用Gradle
  // 注:如果添加依赖成功,则此句不必添加,此句作用仅为当项目在被审核时,紧急需要使用时添加
   allprojects {
       repositories {
           ...
           // 如果添加依赖时,报找不到项目时(项目正在审核),可以添加此句maven地址,如果找到项目,可不必添加
           maven { url "https://dl.bintray.com/albertlii/android-maven/" }
       }
    }
    
    dependencies {
         compile 'com.liyi.view:flowview:1.2.1'
    }
  • 使用Maven
 <dependency>
   <groupId>com.liyi.view</groupId>
   <artifactId>flowview</artifactId>
   <version>1.2.1</version>
   <type>pom</type>
 </dependency>

自定义属性

  • flow_horizontalAlign(item 在一行中的横向对齐方式,默认为 left)

    • left(item 左对齐)
    • middle(item 横向居中对齐)
    • right(item 右对齐)
  • flow_verticalAlign(item 在一行中的纵向对齐方式,默认为 middle,当设置 flow_height 时,此属性无效)

    • top(item 上对齐)
    • middle(item 纵向居中对齐)
    • bottom(item 底部对齐)
  • flow_height(流布局的 item 的高度,默认为自适应)

  • flow_horizontalSpace(流布局的 item 横向间距,默认为 10px)

  • flow_verticalSpace(流布局的 item 纵向间距,默认为 10px)

  • flow_maxRow(流布局最多显示的行数,默认为不限制)

使用方法

XML 中 添加 FlowView

 <com.liyi.flow.FlowView
    android:id="@+id/flowVi"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

代码中使用 FlowView

三种适配器

简单示例

注:此处使用的是 SimpleFlowAdapter,SimpleFlowAdapter 必须设置 setLoadData() 来处理数据
 mAdapter = new SimpleFlowAdapter(mList);
 mAdapter.setLoadData(new SimpleFlowAdapter.LoadData<String>() {
      @Override
      public void onLoadData(int position, String item, TextView textView) {
           textView.setText(item);
      }
});
flowView.setAdapter(mAdapter);
// 单击事件
flowView.setOnItemClickListener(new FlowView.OnItemClickListener() {
    @Override
    public void onItemClick(int position, View view) {
        Toast.makeText(SimpleFlowActivity.this, "我是" + position + "号", Toast.LENGTH_SHORT).show();
    }
});

github传送门

https://github.com/albert-lii/FlowView

相关文章

  • 流布局的简单实现:FlowView(标签流什么的都so easy

    FlowView 关于 FlowView是一款流布局控件,采用Adapter模式,可以自定义item,更加灵活,使...

  • 2018-09-19 Day23 CSS布局

    一、标准流 标准流:浏览器对标签默认的布局方式就是标准流。标准流布局原则: 块级标签:a、块级标签一个占一行(不管...

  • 2018-09-19-day3总结

    一、标准流 标准流:浏览器对标签默认的布局方式就是标准流标准流布局原则:块级: a,块级标签一个占一行(不管标签的...

  • 瀑布流布局 的学习

    1- 实现瀑布流布局效果 瀑布流效果瀑布流代码木桶布局效果木桶布局代码瀑布流布局 2- 实现一个新闻瀑布流新闻...

  • CSS布局

    一.标准流和display 1.标准流:浏览器对标签默认的布局方式就是标准流2.标准流布局原则块级:a.块级标签一...

  • 2018-09-19 day3 css布局

    1.标准流和display属性 1.1标准流 1.标准流:浏览器对标签默认的布局方式就是标准流2.标准流布局原则:...

  • 任务12 初识CSS的布局

    左右布局 1,float+margin实现左右布局float属性是将该块状区域脱离父级标签的文档流,left属性值...

  • CollectionView瀑布流

    简单的瀑布流实现。github地址 各种不规则的布局都可以利用UICollectionVIewLayout来实现,...

  • day3 CSS布局

    1、标准流 1.什么是标准流 标签在没有添加布局相关的样式的时候,在浏览器中默认的布局方式块级标签在标准流中是一个...

  • 2018-09-19 day3 CSS布局

    1.标准流和display属性 1.标准流:浏览器对标签默认的布局方式就是标准流2.标准流则:块级:a.块级标签一...

网友评论

      本文标题:流布局的简单实现:FlowView(标签流什么的都so easy

      本文链接:https://www.haomeiwen.com/subject/ervcxftx.html