最近一段時間公司工作太忙了妨蛹,而且加上自己比較懶隆敢,很少更新知識和文章了。到了年后公司平時很多一起玩的同事都要離職了亲族,心情也不太好炒考,很多小伙伴都要辭職另謀出路,經(jīng)常面試得到一些不太好安卓行情的信息霎迫,讓我必須面對現(xiàn)實斋枢,慢慢找回學習的狀態(tài)!
好了知给,不瞎扯什么了瓤帚,接到公司的任務(wù)一個圖片上傳的app需求,所以我又一次踏上了寫活用RecyclerView的道路涩赢,下面我們先看看效果:
GIF的操作有點快戈次,我們下面來詳細分析一下需求:
1. 我們要根據(jù)后臺傳回來的數(shù)據(jù),動態(tài)生成每一個圖片選項卡筒扒;
2. 每個圖片選項卡都可以點擊拍照怯邪;
3. 可以任意添加和刪除各個圖片,并且上傳數(shù)據(jù)花墩。
看到這樣的需求悬秉,很多人就會想,哎呀冰蘑,這個簡單了和泌,用那個框架、哪個框架就能輕松做到以上的事情祠肥。我個人呢武氓,比較喜歡用自己的思路化難為簡。
解決問題的一開始仇箱,我的思路是用嵌套的RecyclerView來解決聋丝,想著想著有點懵圈了,因為有幾個難點我要去克服:
1. 圖片拍照需要onActivityResult工碾,我怎么在adapter里面完成弱睦,寫個接口?
2. 如何在第一層adapter里面控制第二層adapter的數(shù)據(jù)的增加和刪除呢渊额?事實上這個想法最后的試驗失敗就是由于在這里的數(shù)據(jù)處理老是出問題而不了了之况木;
第一次的想法失敗,我就想難道嵌套的RecyclerView我是駕馭不了的嗎旬迹。當我想放棄的時候火惊,我自己就想起了以前師兄經(jīng)常跟我說的一句話:“adapter是只是用來顯示數(shù)據(jù)的,我們要盡量少的在adapter里面做處理邏輯的事情”奔垦,想到這句話屹耐,突然我就開竅了一樣,想到另一種方法椿猎,就是把嵌套的adapter看成是一個只顯示數(shù)據(jù)惶岭,而不處理數(shù)據(jù)的地方寿弱,我們應(yīng)該把重點放在處理和改變數(shù)據(jù),來改變adapter的顯示按灶。下面我們詳細來講講這種思路症革,沒興趣聽我吹牛逼的同學可以直接去下載源碼看看源碼下載。
1. 首先鸯旁,我們來看看后臺返回來的配置菜單數(shù)據(jù)是怎么樣的噪矛,動態(tài)生成圖片選項卡
先說明
一些關(guān)鍵的變量
當拿到這些數(shù)據(jù),我們首先就是先動態(tài)的生成圖片的選項卡:
我們生成了所需要的JavaBean铺罢,有同學會說為什么會多了一個photoList的呢艇挨,傳回來的數(shù)據(jù)明明沒有這個,你是不是沒事找事做韭赘。這里我先不說缩滨,但是我只能說我加這個變量并沒有喝醉酒。
好了辞居,我們看看代碼的處理:
if(phoneConfigBean.body.size > 0){
for(i in phoneConfigBean.body.indices){
if(!phoneConfigBean.body.get(i).id.isNullOrEmpty()){
//把拿到的數(shù)據(jù)一個個放進list里面
bodyBeanList.add(phoneConfigBean.body.get(i))
//因為要控制添加圖片add的按鈕楷怒,所以我們先給每條list添加一個空的字符串
bodyBeanList.get(i).photoList.add("")
}
}
//刷新適配器
mPhotoMenuAdapter.notifyDataSetChanged()
}else{
}
刷新完適配器,我們就基本做完第一步了:
我們根據(jù)數(shù)據(jù)動態(tài)生成了該有的圖片選項卡了瓦灶。
2. 靈活運用數(shù)據(jù)改變兩層adapter的顯示
下面就到了最重要的一步了鸠删,就是我們之前所說的核心部分,其實并不難贼陶,在第一步中刃泡,我們在JavaBean里面聲明多了一個photoList終于要出場了,他可是主角碉怔,下面我們看看它怎么成為主角的:
我們要把整個第一層的adapter看成一個整體烘贴,不要單獨的想第一層adapter里面的數(shù)據(jù)怎么單獨處理撮胧。在第一層adapter里面即mPhotoMenuAdapter的onBindViewHolder里面把photoList直接就賦給了第二層adapter即PhotoAdapter锻离,也就是說,PhotoAdapter只是負責顯示photoList的數(shù)據(jù)就可以了,我們不用管在哪里處理了photoList的數(shù)據(jù)絮宁。無論photoList的數(shù)據(jù)在前面做了什么壞事羞福,PhotoAdapter只需要在后面默默的顯示phtotoList的數(shù)據(jù)就完事了卖陵,這樣的話棒旗,我們就可以做到activity處理數(shù)據(jù),adapter只負責顯示數(shù)據(jù)這個理念了,即View與數(shù)據(jù)分離朽合。
3. 增加一些拍照,和圖片增加讲婚、刪除的邏輯
1.增加點擊事件(add按鈕)
2.增加點擊事件(刪除圖片數(shù)據(jù))
好了,一看上去比較復雜的邏輯婆咸,其實可以用很簡單的方法去實現(xiàn)竹捉。只要記住一句話尚骄,“adapter是只是用來顯示數(shù)據(jù)的块差,我們要盡量少的在adapter里面做處理邏輯的事情”,所有問題都會迎刃而解。我一直想說憨闰,很多東西看上去很難状蜗,其實轉(zhuǎn)換一下思維方式,再難的東西都是用簡單的思路實現(xiàn)的鹉动。當然這個圖片上傳小框架是兼容安卓7.0以上系統(tǒng)的轧坎。好了,這一期就講得差不多了泽示,如果對我的代碼有什么建議的同學可以跟我討論一下缸血,譬如說很多kotlin的問題我自己都沒搞得懂~對我的項目有興趣的同學可以下載我的源碼一起學習和交流,共同進步械筛!源碼下載捎泻。