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

好了，不瞎扯什么了，接到公司的任務(wù)一個(gè)圖片上傳的app需求，所以我又一次踏上了寫活用RecyclerView的道路，下面我們先看看效果：

效果演示

GIF的操作有點(diǎn)快，我們下面來詳細(xì)分析一下需求：

image

2. 每個(gè)圖片選項(xiàng)卡都可以點(diǎn)擊拍照；

3. 可以任意添加和刪除各個(gè)圖片，并且上傳數(shù)據(jù)。

看到這樣的需求，很多人就會想，哎呀，這個(gè)簡單了，用那個(gè)框架、哪個(gè)框架就能輕松做到以上的事情。我個(gè)人呢，比較喜歡用自己的思路化難為簡。

解決問題的一開始，我的思路是用嵌套的RecyclerView來解決，想著想著有點(diǎn)懵圈了，因?yàn)橛袔讉€(gè)難點(diǎn)我要去克服：

1. 圖片拍照需要onActivityResult，我怎么在adapter里面完成，寫個(gè)接口？

2. 如何在第一層adapter里面控制第二層adapter的數(shù)據(jù)的增加和刪除呢？事實(shí)上這個(gè)想法最后的試驗(yàn)失敗就是由于在這里的數(shù)據(jù)處理老是出問題而不了了之；

第一次的想法失敗，我就想難道嵌套的RecyclerView我是駕馭不了的嗎。當(dāng)我想放棄的時(shí)候，我自己就想起了以前師兄經(jīng)常跟我說的一句話：“adapter是只是用來顯示數(shù)據(jù)的，我們要盡量少的在adapter里面做處理邏輯的事情”，想到這句話，突然我就開竅了一樣，想到另一種方法，就是把嵌套的adapter看成是一個(gè)只顯示數(shù)據(jù)，而不處理數(shù)據(jù)的地方，我們應(yīng)該把重點(diǎn)放在處理和改變數(shù)據(jù)，來改變adapter的顯示。下面我們詳細(xì)來講講這種思路，沒興趣聽我吹牛逼的同學(xué)可以直接去下載源碼看看源碼下載。

1. 首先，我們來看看后臺返回來的配置菜單數(shù)據(jù)是怎么樣的，動態(tài)生成圖片選項(xiàng)卡

先說明
一些關(guān)鍵的變量

image

image

image

image

image

當(dāng)拿到這些數(shù)據(jù)，我們首先就是先動態(tài)的生成圖片的選項(xiàng)卡：

image

我們生成了所需要的JavaBean，有同學(xué)會說為什么會多了一個(gè)photoList的呢，傳回來的數(shù)據(jù)明明沒有這個(gè)，你是不是沒事找事做。這里我先不說，但是我只能說我加這個(gè)變量并沒有喝醉酒。

好了，我們看看代碼的處理：

if(phoneConfigBean.body.size > 0){
    for(i in phoneConfigBean.body.indices){
        if(!phoneConfigBean.body.get(i).id.isNullOrEmpty()){
            //把拿到的數(shù)據(jù)一個(gè)個(gè)放進(jìn)list里面
            bodyBeanList.add(phoneConfigBean.body.get(i))
            //因?yàn)橐刂铺砑訄D片add的按鈕，所以我們先給每條list添加一個(gè)空的字符串
            bodyBeanList.get(i).photoList.add("")
        }
    }
    //刷新適配器
    mPhotoMenuAdapter.notifyDataSetChanged()
}else{

}

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

image

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

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

下面就到了最重要的一步了，就是我們之前所說的核心部分，其實(shí)并不難，在第一步中，我們在JavaBean里面聲明多了一個(gè)photoList終于要出場了，他可是主角，下面我們看看它怎么成為主角的：

image

我們要把整個(gè)第一層的adapter看成一個(gè)整體，不要單獨(dú)的想第一層adapter里面的數(shù)據(jù)怎么單獨(dú)處理。在第一層adapter里面即mPhotoMenuAdapter的onBindViewHolder里面把photoList直接就賦給了第二層adapter即PhotoAdapter，也就是說，PhotoAdapter只是負(fù)責(zé)顯示photoList的數(shù)據(jù)就可以了，我們不用管在哪里處理了photoList的數(shù)據(jù)。無論photoList的數(shù)據(jù)在前面做了什么壞事，PhotoAdapter只需要在后面默默的顯示phtotoList的數(shù)據(jù)就完事了，這樣的話，我們就可以做到activity處理數(shù)據(jù)，adapter只負(fù)責(zé)顯示數(shù)據(jù)這個(gè)理念了，即View與數(shù)據(jù)分離。

3. 增加一些拍照，和圖片增加、刪除的邏輯

1.增加點(diǎn)擊事件（add按鈕）

image

2.增加點(diǎn)擊事件（刪除圖片數(shù)據(jù)）

image

image

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