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

xiaoxiao2021-02-28  54

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:简用适配器,直接使用,封装有默认布局,demo示例 QuickFlowAdapter:快捷适配器,继承自BaseFlowAdapter,demo示例 BaseFlowAdapter:基础适配器,不推荐直接使用,推荐使用QuickFlowAdapter

简单示例

注:此处使用的是 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

转载请注明原文地址: https://www.6miu.com/read-600363.html

最新回复(0)