Android實現(xiàn)銀行卡詳情選擇布局

大家好,這兩天正好沒什么事情做然后有朋友問我一個布局的問題掰伸,效果是這樣的:


Paste_Image.png

然后主要用到的是下面幾點

  • addView() 動態(tài)往布局里面添加控件或者布局
  • 當一行滿了之后自動換行到下一行
  • 根據(jù)服務(wù)端返回的json數(shù)據(jù)進行填充棘利,并且實現(xiàn)單選和雙選

至于上面的多條件篩選和下面的按鈕就沒有做嘱蛋,實現(xiàn)了中間的一部分,本人是個菜鳥硫麻,所以浪費的時間比較多,然后發(fā)粗來給需要的童鞋參考下樊卓。
好了拿愧,廢話少說。
看了下布局碌尔,大致分為這么幾塊:
我是把每一塊作為RecyclerView的一個item來進行實現(xiàn)浇辜,然后這個item分為三塊券敌,一個是顯示這一塊的title,一個是顯示是否允許多選奢赂,然后下面那一塊是一個線性布局來準備動態(tài)添加布局陪白。

Paste_Image.png

下面先看一下布局文件:
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)容就這么多啃勉,如果有不懂的可以看詳細代碼忽舟,下面附鏈接。
好了淮阐,以上就是今天所有的分享叮阅,如果對你有用的話,可以點個喜歡哦泣特,謝謝(手動比心)

api地址:http://www.mocky.io/v2/58535e25290000a930890f1c

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末浩姥,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子群扶,更是在濱河造成了極大的恐慌及刻,老刑警劉巖镀裤,帶你破解...
    沈念sama閱讀 216,651評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件竞阐,死亡現(xiàn)場離奇詭異,居然都是意外死亡暑劝,警方通過查閱死者的電腦和手機骆莹,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來担猛,“玉大人幕垦,你說我怎么就攤上這事「盗” “怎么了先改?”我有些...
    開封第一講書人閱讀 162,931評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長蒸走。 經(jīng)常有香客問我仇奶,道長,這世上最難降的妖魔是什么比驻? 我笑而不...
    開封第一講書人閱讀 58,218評論 1 292
  • 正文 為了忘掉前任该溯,我火速辦了婚禮岛抄,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘狈茉。我一直安慰自己夫椭,他們只是感情好,可當我...
    茶點故事閱讀 67,234評論 6 388
  • 文/花漫 我一把揭開白布氯庆。 她就那樣靜靜地躺著蹭秋,像睡著了一般。 火紅的嫁衣襯著肌膚如雪点晴。 梳的紋絲不亂的頭發(fā)上感凤,一...
    開封第一講書人閱讀 51,198評論 1 299
  • 那天,我揣著相機與錄音粒督,去河邊找鬼陪竿。 笑死眯娱,一個胖子當著我的面吹牛扣墩,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播举娩,決...
    沈念sama閱讀 40,084評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼锐墙,長吁一口氣:“原來是場噩夢啊……” “哼礁哄!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起溪北,我...
    開封第一講書人閱讀 38,926評論 0 274
  • 序言:老撾萬榮一對情侶失蹤桐绒,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后之拨,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體茉继,經(jīng)...
    沈念sama閱讀 45,341評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,563評論 2 333
  • 正文 我和宋清朗相戀三年蚀乔,在試婚紗的時候發(fā)現(xiàn)自己被綠了烁竭。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,731評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡吉挣,死狀恐怖派撕,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情睬魂,我是刑警寧澤终吼,帶...
    沈念sama閱讀 35,430評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站氯哮,受9級特大地震影響际跪,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,036評論 3 326
  • 文/蒙蒙 一垫卤、第九天 我趴在偏房一處隱蔽的房頂上張望威彰。 院中可真熱鬧,春花似錦穴肘、人聲如沸歇盼。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,676評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽豹缀。三九已至,卻和暖如春慨代,著一層夾襖步出監(jiān)牢的瞬間邢笙,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,829評論 1 269
  • 我被黑心中介騙來泰國打工侍匙, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留氮惯,地道東北人。 一個月前我還...
    沈念sama閱讀 47,743評論 2 368
  • 正文 我出身青樓想暗,卻偏偏與公主長得像妇汗,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子说莫,可洞房花燭夜當晚...
    茶點故事閱讀 44,629評論 2 354

推薦閱讀更多精彩內(nèi)容