

引言
今天是8月4號,星期六,起了大早跑了趟醫(yī)院,下午回家后睡到了下午五點(diǎn)...
距離上次寫mvvm系列已經(jīng)快有兩個月的時間了,寫作的堅(jiān)持最終還是敗給了加班和懶惰,不過,今天我回來了,我的文章我會一直寫下去的!
廢話少說,說正題
今天給大家?guī)淼氖鞘褂胢vvm實(shí)現(xiàn)listview列表的展示
效果圖:

被丑哭了?沒關(guān)系,我沒哭就好了
很簡單,就是實(shí)現(xiàn)了一個頭像、姓名、性別的展示,而且還都是用到了假數(shù)據(jù)。
我的博文中的
mvvm實(shí)用篇(一)
http://www.itdecent.cn/p/545af5bbb93f
mvvm實(shí)用篇(二)
http://www.itdecent.cn/p/ef5f8d7d2caa
mvvm實(shí)用篇(三)
http://www.itdecent.cn/p/6bacbdeb0250
已經(jīng)將mvvm的圖片,String類型的文字都解釋的很清楚了,如大家還有什么疑惑,可以再去前三篇。
開始操作
第一步:準(zhǔn)備基礎(chǔ)布局ListView
在這一步中,無需考慮mvvm,直接按照我們以前的邏輯進(jìn)行界面搭建即可。
如圖所示:

很簡單,就在里面放了一個listview,而且給了個id
然后,也是按照我們以前的寫法,去找到listview這個id

ok,到這里第一步做完,接著看第二步
第二步:準(zhǔn)備viewmodel類
我們這里的viewmodel類是一個Student類,看了效果圖,大家應(yīng)該都知道這個viewmodel類中都有什么屬性了吧!
對:Student類中只有三個屬性:
姓名、性別、頭像地址
不過,基于我們前三篇文章的介紹,這個viewmodel我就直接寫的很全,其中包含了設(shè)置圖片的邏輯,請看下圖

這個類在我的第二篇和第三篇文章中有介紹過,如果有納悶的同學(xué),可以參考那兩篇文章。
需要注意的是,我在這個Student類中添加了一個click方法,用于彈出一個吐司,這個方法將在下一步中用到。
第三步、準(zhǔn)備Listview中的item的布局
第三步是基于第二部的,所以大家順序一定按照我的來哦,直接貼圖吧,也很簡單

這里面唯一需要注意的一點(diǎn)是

我給linearLayout加了一個點(diǎn)擊事件,這個點(diǎn)擊事件是在第三步中定義的一個click方法,在這里直接引用就可以了。
第四步、創(chuàng)建ListView適配器
這一步是關(guān)鍵的一步,應(yīng)該是大家稍微要記憶一下的。
前邊也說到了要做mvvm的話,需要一些套路,在這呢,我們還得要遵循這些套路,ok,不說廢話,直接貼圖

可以看到,這個適配器還是跟我們以前的那個適配器還是很相似的,只有構(gòu)造方法和getView不太一致。
那么我們來看下構(gòu)造方法:
構(gòu)造方法中我們準(zhǔn)備了很多屬性,分別是:
Context 、LayoutInflater 、layoutId 、variableId、list
其中,只有variableId是我們不熟悉的,這個variableId在下一步中,我們會用到,當(dāng)我們看到的時候應(yīng)該就很清楚了。
getView里面的邏輯不多解釋了,在上圖的代碼中都注釋好了,如有疑問可以留言。
那么 其實(shí)這一步做完,就差不多完成了。
第五步、給listview設(shè)置適配器,完工!
這里我們使用了假數(shù)據(jù),還是看圖吧

然后,添加聯(lián)網(wǎng)權(quán)限,就可以看到效果了

而且,點(diǎn)擊其中的一個條目,就會吐司條目的name。
總結(jié)
使用mvvm實(shí)現(xiàn)listview感覺邏輯上輕松很多,而且這個listview的適配器基本上可以試用與大多數(shù)情況,也就是說,我們處理一般的列表展示,只需用這一個適配器就夠了。
但是,適配器的寫法需要大家再熟悉一下。
下一篇文章
本例子中只介紹了ListView的用法,GridView和ListView類似,當(dāng)然也可以用這個方法,但是ViewPager和RecyclerView呢,下一篇文章會做進(jìn)一步的講解。
多謝大家的支持~~~么么噠