先說說我的需求吧，我需要做商品規格選擇、類似淘寶京東選擇產品加入購物車。沒辦法只有選擇流式佈局了。最後在改造張鴻洋前輩的Flowlayout實現了該功能。我說說怎麼快速使用流式佈局吧，自定義控制元件說明看這張鴻洋的部落格：http://blog.csdn.net/lmj623565791/article/details/38352503。

1、Dome目錄結構如下圖：

說白了你就按照我這目錄結構將標紅的檔案匯入專案對應資料夾，那麼你就能看到流失佈局效果了；

效果圖如下：

現在說說怎麼改成大家想要的效果：佈局檔案引用自定義控制元件程式碼如下

 <view.FlowTagLayout
                android:id="@+id/color_flow_layout"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

專案需求肯定不一需要修改選中及為選中狀態修改：normal_text_color.xml及round_rectangle_bg.xml即可

文字修改的三種狀態：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:color="#0185d0"/>//按下
    <item android:state_selected="true" android:color="#0185d0"/>//選中
    <item android:color="#666666"/>//未選中
</selector>

文字背景的三種狀態：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">                                     //按下
        <shape android:shape="rectangle">
            <solid android:color="#ffffff" />
            <corners android:radius="3dp" />
            <stroke android:width="1dp" android:color="#0185d0" />
        </shape>
    </item>
    <item android:state_selected="true">                                      //選中
        <shape android:shape="rectangle">
            <solid android:color="#ffffff" />
            <corners android:radius="3dp" />
            <stroke android:width="1dp" android:color="#0185d0" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">                                  //未選中
            <solid android:color="#ffffff" />
            <corners android:radius="3dp" />
            <stroke android:width="1dp" android:color="#0185d0" />
        </shape>
    </item>
</selector>

下面說一下單選實現單碼段：

        mSizeTagAdapter = new TagAdapter<String>(this);
        mSizeFlowTagLayout.setTagCheckedMode(FlowTagLayout.FLOW_TAG_CHECKED_SINGLE);//單選
        mSizeFlowTagLayout.setAdapter(mSizeTagAdapter);
        mSizeFlowTagLayout.setOnTagSelectListener(new OnTagSelectListener() {
            @Override
            public void onItemSelect(FlowTagLayout parent, List<Integer> selectedList) {
                if (selectedList != null && selectedList.size() > 0) {
                    StringBuilder sb = new StringBuilder();
                    for (int i : selectedList) {
                        ms = i;
                        sb.append(parent.getAdapter().getItem(i));
                        sb.append(":");
                    }
                    Toast.makeText(getApplicationContext(), "移動研發:" + sb.toString(), Toast.LENGTH_SHORT).show();
                } else {
                    mSizeFlowTagLayout.getChildAt(ms).setSelected(true);
                }
            }
        });

ADD資料：    private void initColorData() {
        List<String> dataSource = new ArrayList<String>();
        dataSource.add("紅色");
        dataSource.add("黑色");
        dataSource.add("花邊色");
        dataSource.add("深藍色");
        dataSource.add("白色");
        dataSource.add("玫瑰紅色");
        dataSource.add("紫黑紫蘭色");
        dataSource.add("葡萄紅色");
        dataSource.add("屎黃色");
        dataSource.add("綠色");
        dataSource.add("彩虹色");
        dataSource.add("牡丹色");
        mColorTagAdapter.onlyAddAll(dataSource);//加入一個數組即可
    }
資料載入可能不只一個屬性，沒關係我們可以通過點選事件的位置ms來獲取選中的屬性。

最後簡單說下我改造後實現的規格選擇：思路就是把FlowLayout作為ListView的item。然後在回撥接收選中屬性；太困了洗洗睡，有需要的可以私聊！

貼一下我的專案的效果圖

專案dome原始碼：http://download.csdn.net/detail/yanxuxu123/9705678