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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容