大家好，這兩天正好沒什麼事情做然後有朋友問我一個布局的問題，效果是這樣的：
然後主要用到的是下面幾點
-
addView()
動态往布局裡面添加控件或者布局
- 當一行滿了之後自動換行到下一行
- 根據服務端傳回的json資料進行填充，并且實作單選和雙選
至于上面的多條件篩選和下面的按鈕就沒有做，實作了中間的一部分，本人是個菜鳥，是以浪費的時間比較多，然後發粗來給需要的童鞋參考下。
好了，廢話少說。
看了下布局，大緻分為這麼幾塊：
我是把每一塊作為
RecyclerView
的一個
item
來進行實作，然後這個
item
分為三塊，一個是顯示這一塊的
title
，一個是顯示是否允許多選，然後下面那一塊是一個線性布局來準備動态添加布局。
下面先看一下布局檔案：
Activity的布局很簡單，就一個RecyclerView：
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_width="match_parent"
android:layout_height="match_parent">
</android.support.v7.widget.RecyclerView>
然後看item的布局，這裡我隻貼線性布局裡面的代碼：
<LinearLayout
android:id="@+id/linearLayout_donw"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="12dp"
android:orientation="horizontal">
<com.chogo.recyclerviewdemo.BamAutoLineList
android:id="@+id/bal_list"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="10dp">
</com.chogo.recyclerviewdemo.BamAutoLineList>
</LinearLayout>
這裡
BamAutoLineList
是自定義的一個自動換行的控件
然後動态添加的就簡單了，這裡用
Tetxview
來進行實作，當然，你也可以使用
CheckBox
或者其他的控件實作，都是可以的。
<TextView
android:id="@+id/textview_item"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="10dp"
android:text="銀行卡"
android:background="#F3F3F3"
android:textColor="#6C6C6C"
android:layout_marginBottom="12dp"
/>
好了，布局很簡單，大家應該都能看懂，就說到這裡了，下面來說一下如何動态添加view。
在
onBindViewHolder( )
方法中進行綁定控件，設定控件的顯示，先看下代碼：
if (mDatas.get(position).isMultiple()) {
holder.mTextMultiple.setText("(多選)");
for(int i=;i<length;i++){
View view=LayoutInflater.from(mContext).inflate(R.layout.item, null);
final TextView textView=(TextView)view.findViewById(R.id.textview_item);
textView.setPadding(,,,);
textView.setText(mDatas.get(position).getStyle().get(i));
textView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
status=!status;
if(status){
textView.setTextColor(Color.parseColor("#ffffff"));
textView.setBackgroundColor(Color.parseColor("#6096EC"));
}else{
textView.setTextColor(Color.parseColor("#6C6C6C"));
textView.setBackgroundColor(Color.parseColor("#F3F3F3"));
}
}
});
holder.mLineList.addView(view);
}
在這裡我沒有用固定的資料，是自己造了一串json假資料，然後通過請求api的方式拿到，api位址等下會在下面貼出來。
好了，看代碼，我是通過
for
循環的方式添加view，然後找到textview的id，之後設定屬性，設定完屬性之後，使用
holder.mLineList.addView(view);
來添加要顯示的布局然後寫了一個
OnClickListener()
監聽，來實作點選改變背景顔色，表示選中狀态和未選中狀态。定義了一個全局的status變量來标記點選的狀态。
上面這一段代碼是多選的時候，下面是實作的單選效果，鑒于本人比較渣，然後當時隻想到一種方法，是以先用了自己的方法，後來經過交流想起來之前用過的設定
selector
的方式可以改變。
for(int i=;i<length;i++){
View view=LayoutInflater.from(mContext).inflate(R.layout.item, null);
final TextView textView= (TextView) view.findViewById(R.id.textview_item);
textView.setPadding(,,,);
textView.setText(mDatas.get(position).getStyle().get(i));
mList.add(textView);
textView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
for(int j=;j<length;j++){
mList.get(j).setTextColor(Color.parseColor("#6C6C6C"));
mList.get(j).setBackgroundColor(Color.parseColor("#F3F3F3"));
}
textView.setTextColor(Color.parseColor("#ffffff"));
textView.setBackgroundColor(Color.parseColor("#6096EC"));
}
});
holder.mLineList.addView(view);}
解釋一下，在上面定義了一個
TextView
類型的
List
集合來存放添加的控件，然後當點選一個的時候，将所有的
Textview
的選中全部取消，也就是設定一個未選中的背景顔色，然後将點選的這個
Textview
設定一個選中的背景顔色，這樣就實作了單選的效果。
順便提一下，請求網絡是使用的
Okhttp
，然後根據
json
資料建構一個實體bean，至于Okhttp的使用，感興趣的可以去看官網或者網上資料，都講的很好。
大緻内容就這麼多，如果有不懂的可以看詳細代碼，下面附連結。
好了，以上就是今天所有的分享，如果對你有用的話，可以點個喜歡哦，謝謝（手動比心）
api位址：http://www.mocky.io/v2/58535e25290000a930890f1c
我的簡書部落格位址：http://www.jianshu.com/users/b849dc385b30/latest_articles
附源碼下載下傳位址：
http://download.csdn.net/detail/lr809174917/9713204