一、概述
ok，开始今天的博文，今天要说的是TagFlowLayout，说这个之前必须提一下FlowLayout，如果你不了解，可以先阅读之前的博文：Android 自定义ViewGroup 实战篇 -> 实现FlowLayout或者观看视频
打造Android中的流式布局和热门标签 。
因为本身FlowLayout本身的预期是提供一种新的布局的方式，但是呢，在实际的开发中，大家更多的是使用在商品标签，搜索关键字的场景，那么就涉及到一些交互：
- 比如用户选择了某个标签，首先你要去改变标签的样子给用户一个反馈，其次你需要记录用户的选择。
- 那么在选择过程中还有多选的情况，比如4选2，4选3等等。
- 还有…
类似京东的这个选择商品的图：
对于上述的情况呢，FlowLayout只能说能够实现View的显示没有问题，而对于点击某个Tag，以及修改某个Tag的样子，可能需要编写大量的代码，且设计只要稍微的改下显示的效果，估计就得加班了。
既然这么多的不方便，那么我们现在就在FlowLayout的基础上，编写TagFlowLayout去完善，目前支持：
- 以setAdapter形式注入数据
- 直接设置selector为background即可完成标签选则的切换，类似CheckBox
- 支持控制选择的Tag数量，比如：单选、多选
- 支持setOnTagClickListener，当点击某个Tag回调
- 支持setOnSelectListener，当选择某个Tag后回调
- 支持adapter.notifyDataChanged
- Activity重建（或者旋转）后，选择的状态自动保存
我们的效果图：
github地址：FlowLayout
我需要思考几分钟本文的叙述方式…
ok，由于本文并非从无到有的去构造一个新的东西，所以你肯定没有办法根据我的分析，然后就能完整的写出来。这样的话，就非常建议大家下载源码，拿着源码比对着看；或者看完本文后去下载源码；或者仅仅是看看思路学学知识点（eclipse的用户，拷贝几个类不是难事，不要私聊我问我怎么整~）。
二、以setAdapter形式注入数据
首先我们完成的就是，去除大家痛苦的添加数据的方式。类似ListView，提供Adapter的方式，为我们的TagFlowLayout去添加数据，这种方式，大家用的肯定比较熟练了，而且也比较灵活。
（1） TagAdapter
那么首先我们得有个Adapter，这里叫做TagAdapter
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 |
package com.zhy.view.flowlayout; import android.view.View; import java.util.ArrayList; import java.util.Arrays; import java.util.List; public abstract class TagAdapter<T> { private List<T> mTagDatas; private OnDataChangedListener mOnDataChangedListener; public TagAdapter(List<T> datas) { mTagDatas = datas; } public TagAdapter(T[] datas) { mTagDatas = new ArrayList<T>(Arrays.asList(datas)); } static interface OnDataChangedListener { void onChanged(); } void setOnDataChangedListener(OnDataChangedListener listener) { mOnDataChangedListener = listener; } public int getCount() { return mTagDatas == null ? 0 : mTagDatas.size(); } public void notifyDataChanged() { mOnDataChangedListener.onChanged(); } public T getItem(int position) { return mTagDatas.get(position); } public abstract View getView(FlowLayout parent, int position, T t); } |
可以看到很简单，这是一个抽象类，那么具体的View的展示需要大家通过复写getView,用法和ListView及其类似，同时我们提供了notifyDataChanged()的方法，当你的数据集发生变化的时候，你可以调用该方法，UI会自动刷新。
当然，仅仅有了Adapter是不行的，我们需要添加相应的代码对其进行支持。
(2)TagFlowLayout对Adapter的支持
那么最主要就是提供一个setAdapter的方法：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
public void setAdapter(TagAdapter adapter) { mTagAdapter = adapter; mTagAdapter.setOnDataChangedListener(this); changeAdapter(); } private void changeAdapter() { removeAllViews(); TagAdapter adapter = mTagAdapter; TagView tagViewContainer = null; for (int i = 0; i < adapter.getCount(); i++) { View tagView class="crayon-o">++) { View tagView ww.imooc.com/learn/237"> 打造Android中的流式布局和热门标签 。 因为本身FlowLayout本身的预期是提供一种新的布局的方式，但是呢，在实际的开发中，大家更多的是使用在商品标签，搜索关键字的场景，那么就涉及到一些交互：
类似京东的这个选择商品的图：
对于上述的情况呢，FlowLayout只能说能够实现View的显示没有问题，而对于点击某个Tag，以及修改某个Tag的样子，可能需要编写大量的代码，且设计只要稍微的改下显示的效果，估计就得加班了。 既然这么多的不方便，那么我们现在就在FlowLayout的基础上，编写TagFlowLayout去完善，目前支持：
我们的效果图：
github地址：FlowLayout 我需要思考几分钟本文的叙述方式… ok，由于本文并非从无到有的去构造一个新的东西，所以你肯定没有办法根据我的分析，然后就能完整的写出来。这样的话，就非常建议大家下载源码，拿着源码比对着看；或者看完本文后去下载源码；或者仅仅是看看思路学学知识点（eclipse的用户，拷贝几个类不是难事，不要私聊我问我怎么整~）。 二、以setAdapter形式注入数据首先我们完成的就是，去除大家痛苦的添加数据的方式。类似ListView，提供Adapter的方式，为我们的 （1） TagAdapter那么首先我们得有个Adapter，这里叫做
可以看到很简单，这是一个抽象类，那么具体的View的展示需要大家通过复写getView,用法和ListView及其类似，同时我们提供了notifyDataChanged()的方法，当你的数据集发生变化的时候，你可以调用该方法，UI会自动刷新。 当然，仅仅有了Adapter是不行的，我们需要添加相应的代码对其进行支持。 (2)TagFlowLayout对Adapter的支持那么最主要就是提供一个setAdapter的方法：
|
