大家好,這兩天正好沒什么事情做然后有朋友問我一個布局的問題掰伸,效果是這樣的:
然后主要用到的是下面幾點
-
addView()
動態(tài)往布局里面添加控件或者布局 - 當一行滿了之后自動換行到下一行
- 根據(jù)服務(wù)端返回的json數(shù)據(jù)進行填充棘利,并且實現(xiàn)單選和雙選
至于上面的多條件篩選和下面的按鈕就沒有做嘱蛋,實現(xiàn)了中間的一部分,本人是個菜鳥硫麻,所以浪費的時間比較多,然后發(fā)粗來給需要的童鞋參考下樊卓。
好了拿愧,廢話少說。
看了下布局碌尔,大致分為這么幾塊:
我是把每一塊作為RecyclerView
的一個item
來進行實現(xiàn)浇辜,然后這個item
分為三塊券敌,一個是顯示這一塊的title
,一個是顯示是否允許多選奢赂,然后下面那一塊是一個線性布局來準備動態(tài)添加布局陪白。
下面先看一下布局文件:
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
是自定義的一個自動換行的控件
然后動態(tài)添加的就簡單了咱士,這里用Tetxview
來進行實現(xiàn),當然轧钓,你也可以使用CheckBox
或者其他的控件實現(xiàn)序厉,都是可以的。
<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"
/>
好了毕箍,布局很簡單弛房,大家應(yīng)該都能看懂,就說到這里了而柑,下面來說一下如何動態(tài)添加view文捶。
在onBindViewHolder( )
方法中進行綁定控件,設(shè)置控件的顯示媒咳,先看下代碼:
if (mDatas.get(position).isMultiple()) {
holder.mTextMultiple.setText("(多選)");
for(int i=0;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(40,20,40,20);
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);
}
在這里我沒有用固定的數(shù)據(jù)粹排,是自己造了一串json假數(shù)據(jù),然后通過請求api的方式拿到涩澡,api地址等下會在下面貼出來顽耳。
好了,看代碼妙同,我是通過for
循環(huán)的方式添加view射富,然后找到textview的id,之后設(shè)置屬性粥帚,設(shè)置完屬性之后胰耗,使用holder.mLineList.addView(view);
來添加要顯示的布局然后寫了一個OnClickListener()
監(jiān)聽,來實現(xiàn)點擊改變背景顏色芒涡,表示選中狀態(tài)和未選中狀態(tài)宪郊。定義了一個全局的status變量來標記點擊的狀態(tài)。
上面這一段代碼是多選的時候拖陆,下面是實現(xiàn)的單選效果弛槐,鑒于本人比較渣,然后當時只想到一種方法依啰,所以先用了自己的方法乎串,后來經(jīng)過交流想起來之前用過的設(shè)置selector
的方式可以改變。
for(int i=0;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(40,20,40,20);
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=0;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
的選中全部取消,也就是設(shè)置一個未選中的背景顏色长豁,然后將點擊的這個Textview
設(shè)置一個選中的背景顏色钧唐,這樣就實現(xiàn)了單選的效果。
順便提一下匠襟,請求網(wǎng)絡(luò)是使用的Okhttp
钝侠,然后根據(jù)json
數(shù)據(jù)構(gòu)建一個實體bean,至于Okhttp的使用酸舍,感興趣的可以去看官網(wǎng)或者網(wǎng)上資料帅韧,都講的很好。
大致內(nèi)容就這么多啃勉,如果有不懂的可以看詳細代碼忽舟,下面附鏈接。
好了淮阐,以上就是今天所有的分享叮阅,如果對你有用的話,可以點個喜歡哦泣特,謝謝(手動比心)