現在商城類的APP幾乎都要用到流式佈局來實現選擇屬性功能，在我的demo中是通過FlowLayout工具類實現流式佈局

使用起來非常簡單，十幾行程式碼就可以實現；

在我們的專案中大部分都是單選效果，為了防止用到多選，demo中也實現了多選；

FlowLayout大家不用研究怎麼實現的，只要會使用就好；

就好比谷歌提供的ListView條目點選事件一樣，只要會用就好，沒必要研究個所以然；大家在用的時候直接從demo中複製到專案中即可；

大家可以將FlowLayout理解為一個線性佈局；將準備好的一個個子view新增到FlowLayout中即可；

首先看下佈局檔案：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <!--
    app:horizontal_spacing="8dp"  每列之間的距離
    app:vertical_spacing="8dp"    每行之間的距離
    -->
    <www.fl.com.flowlayouttext.view.FlowLayout
        android:id="@+id/flowlayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:paddingBottom="14dp"
        android:paddingLeft="21dp"
        android:paddingRight="14dp"
        app:horizontal_spacing="8dp"
        app:vertical_spacing="8dp"/>
    
</LinearLayout>
 

大致分為三步：

 //第一步：初始化FlowLayout
          flowLayout= (FlowLayout) findViewById(R.id.flowlayout);
        //第二步：移除FlowLayout中的所有子佈局
          flowLayout.removeAllViews();
        //第三步：迴圈建立子View，新增到FlowLayout中
          for (int x=0;x<names.length;x++){
            //3.1初始化子view
            CheckBox checkBox= (CheckBox) View.inflate(context,R.layout.item_flowlayout,null);
            checkBox.setText(names[x]);

            final int finalX = x;
            //3.2設定子view的點選事件
            checkBox.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    ToastUtil.show(context, names[finalX]);
                    //遍歷FlowLayout中的所有view，如果是當前選中的view，設定為選中狀態，其他設定為未選中狀態
                    refreshCheckBox(names[finalX]);
                }
            });
            //3.3將子view新增到FlowLayout中
            flowLayout.addView(checkBox);
        }
 

item_flowlayout.xml

<?xml version="1.0" encoding="utf-8"?>
<CheckBox xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:button="@null"
    android:textSize="15sp"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    android:background="@drawable/item_bg_select"
    android:textColor="@drawable/text_color"
    android:paddingTop="3dp"
    android:paddingBottom="3dp">
</CheckBox>