Android流式布局：FlowLayout
jopen
9年前
FlowLayout
Android流式布局，支持单选、多选等，适合用于产品标签等。
特色
- 以setAdapter形式注入数据
- 直接设置selector为background即可完成标签选则的切换，类似CheckBox
- 支持控制选择的Tag数量，比如：单选、多选
- 支持setOnTagClickListener，当点击某个Tag回调
- 支持setOnSelectListener，当选择某个Tag后回调
- 支持adapter.notifyDataChanged
- Activity重建（或者旋转）后，选择的状态自动保存
效果图
用法
声明
布局文件中声明：
<com.zhy.view.flowlayout.TagFlowLayout android:id="@+id/id_flowlayout" zhy:max_select="-1" android:layout_width="fill_parent" android:layout_height="wrap_content" android:padding="20dp"> </com.zhy.view.flowlayout.TagFlowLayout>
支持属性：
max_select：-1为不限制选择数量，>=1的数字为控制选择tag的数量multi_suppout是否开启多选的支持，默认为true
设置数据
mFlowLayout.setAdapter(new TagAdapter<String>(mVals) { @Override public View getView(FlowLayout parent, int position, String s) { TextView tv = (TextView) mInflater.inflate(R.layout.tv, mFlowLayout, false); tv.setText(s); return tv; } });getView中回调，类似ListView等用法。
对于选中状态
你还在复杂的写代码设置选中后标签的显示效果么，翔哥说No!
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:color="@color/tag_select_textcolor" android:drawable="@drawable/checked_bg" android:state_checked="true"></item> <item android:drawable="@drawable/normal_bg"></item> </selector>
设置个background，上面一个状态为android:state_checked，另一个为正常。写写布局文件我都嫌慢，怎么能写一堆代码控制效果，设置改个效果，岂不是没时间dota了。
事件
mFlowLayout.setOnTagClickListener(new TagFlowLayout.OnTagClickListener() { @Override public boolean onTagClick(View view, int position, FlowLayout parent) { Toast.makeText(getActivity(), mVals[position], Toast.LENGTH_SHORT).show(); return true; } });点击标签时的回调。
mFlowLayout.setOnSelectListener(new TagFlowLayout.OnSelectListener() { @Override public void onSelected(Set<Integer> selectPosSet) { getActivity().setTitle("choose:" + selectPosSet.toString()); } });