活用數(shù)據(jù)變量輕松運用RecyclerView嵌套制作多列表圖片上傳

最近一段時間公司工作太忙了妨蛹,而且加上自己比較懶隆敢,很少更新知識和文章了。到了年后公司平時很多一起玩的同事都要離職了亲族,心情也不太好炒考,很多小伙伴都要辭職另謀出路,經(jīng)常面試得到一些不太好安卓行情的信息霎迫,讓我必須面對現(xiàn)實斋枢,慢慢找回學習的狀態(tài)!

好了知给,不瞎扯什么了瓤帚,接到公司的任務(wù)一個圖片上傳的app需求,所以我又一次踏上了寫活用RecyclerView的道路涩赢,下面我們先看看效果:

效果演示

GIF的操作有點快戈次,我們下面來詳細分析一下需求:

image

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)鍵的變量


image

image

image

image
image

當拿到這些數(shù)據(jù),我們首先就是先動態(tài)的生成圖片的選項卡:

image

我們生成了所需要的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{

}

刷新完適配器,我們就基本做完第一步了:

image

我們根據(jù)數(shù)據(jù)動態(tài)生成了該有的圖片選項卡了瓦灶。

2. 靈活運用數(shù)據(jù)改變兩層adapter的顯示

下面就到了最重要的一步了鸠删,就是我們之前所說的核心部分,其實并不難贼陶,在第一步中刃泡,我們在JavaBean里面聲明多了一個photoList終于要出場了,他可是主角碉怔,下面我們看看它怎么成為主角的:

image

我們要把整個第一層的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按鈕)

image

2.增加點擊事件(刪除圖片數(shù)據(jù))


image

image

好了,一看上去比較復雜的邏輯婆咸,其實可以用很簡單的方法去實現(xiàn)竹捉。只要記住一句話尚骄,“adapter是只是用來顯示數(shù)據(jù)的块差,我們要盡量少的在adapter里面做處理邏輯的事情”,所有問題都會迎刃而解。我一直想說憨闰,很多東西看上去很難状蜗,其實轉(zhuǎn)換一下思維方式,再難的東西都是用簡單的思路實現(xiàn)的鹉动。當然這個圖片上傳小框架是兼容安卓7.0以上系統(tǒng)的轧坎。好了,這一期就講得差不多了泽示,如果對我的代碼有什么建議的同學可以跟我討論一下缸血,譬如說很多kotlin的問題我自己都沒搞得懂~對我的項目有興趣的同學可以下載我的源碼一起學習和交流,共同進步械筛!源碼下載捎泻。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市埋哟,隨后出現(xiàn)的幾起案子笆豁,更是在濱河造成了極大的恐慌,老刑警劉巖赤赊,帶你破解...
    沈念sama閱讀 218,682評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件闯狱,死亡現(xiàn)場離奇詭異,居然都是意外死亡抛计,警方通過查閱死者的電腦和手機哄孤,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,277評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來爷辱,“玉大人录豺,你說我怎么就攤上這事》构” “怎么了双饥?”我有些...
    開封第一講書人閱讀 165,083評論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長弟断。 經(jīng)常有香客問我咏花,道長,這世上最難降的妖魔是什么阀趴? 我笑而不...
    開封第一講書人閱讀 58,763評論 1 295
  • 正文 為了忘掉前任昏翰,我火速辦了婚禮,結(jié)果婚禮上刘急,老公的妹妹穿的比我還像新娘棚菊。我一直安慰自己,他們只是感情好叔汁,可當我...
    茶點故事閱讀 67,785評論 6 392
  • 文/花漫 我一把揭開白布统求。 她就那樣靜靜地躺著检碗,像睡著了一般。 火紅的嫁衣襯著肌膚如雪码邻。 梳的紋絲不亂的頭發(fā)上折剃,一...
    開封第一講書人閱讀 51,624評論 1 305
  • 那天,我揣著相機與錄音像屋,去河邊找鬼怕犁。 笑死,一個胖子當著我的面吹牛己莺,可吹牛的內(nèi)容都是我干的奏甫。 我是一名探鬼主播,決...
    沈念sama閱讀 40,358評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼篇恒,長吁一口氣:“原來是場噩夢啊……” “哼扶檐!你這毒婦竟也來了凶杖?” 一聲冷哼從身側(cè)響起胁艰,我...
    開封第一講書人閱讀 39,261評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎智蝠,沒想到半個月后腾么,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,722評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡杈湾,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年解虱,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片漆撞。...
    茶點故事閱讀 40,030評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡殴泰,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出浮驳,到底是詐尸還是另有隱情悍汛,我是刑警寧澤,帶...
    沈念sama閱讀 35,737評論 5 346
  • 正文 年R本政府宣布至会,位于F島的核電站离咐,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏奉件。R本人自食惡果不足惜宵蛀,卻給世界環(huán)境...
    茶點故事閱讀 41,360評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望县貌。 院中可真熱鬧术陶,春花似錦、人聲如沸煤痕。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,941評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至祟敛,卻和暖如春疤坝,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背馆铁。 一陣腳步聲響...
    開封第一講書人閱讀 33,057評論 1 270
  • 我被黑心中介騙來泰國打工跑揉, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人埠巨。 一個月前我還...
    沈念sama閱讀 48,237評論 3 371
  • 正文 我出身青樓历谍,卻偏偏與公主長得像,于是被迫代替她去往敵國和親辣垒。 傳聞我的和親對象是個殘疾皇子望侈,可洞房花燭夜當晚...
    茶點故事閱讀 44,976評論 2 355

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,161評論 25 707
  • 【Android 控件 RecyclerView】 概述 RecyclerView是什么 從Android 5.0...
    Rtia閱讀 307,521評論 27 439
  • 每天學一點,一年365天勋桶,365點脱衙,也許就會有所不同,堅持@浴>韬!
  • 一天很短鹃锈, 短得來不及擁抱清晨荤胁, 就已經(jīng)手握黃昏! 一年很短屎债, 短得來不及細品初春殷紅 竇綠仅政,就要打點素裹秋霜! ...
    叛逆的山峰閱讀 175評論 0 0
  • 很多時候不逼自己一下盆驹,真不知道自己還能做這么多事圆丹。 對于身體,我們需要不斷地“虐”召娜,她才會更聽話运褪。對于心,則需要更...
    敬一深呼吸閱讀 186評論 0 0