Android中的MVVM架構(gòu)設(shè)計(jì)-實(shí)用篇(四)實(shí)現(xiàn)ListView列表展示

0碟中諜6.png
00碟中諜6.png

引言

今天是8月4號,星期六,起了大早跑了趟醫(yī)院,下午回家后睡到了下午五點(diǎn)...
距離上次寫mvvm系列已經(jīng)快有兩個月的時間了,寫作的堅(jiān)持最終還是敗給了加班和懶惰,不過,今天我回來了,我的文章我會一直寫下去的!

廢話少說,說正題

今天給大家?guī)淼氖鞘褂胢vvm實(shí)現(xiàn)listview列表的展示
效果圖:


0、效果圖.png

被丑哭了?沒關(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)行界面搭建即可。
如圖所示:


1、基礎(chǔ)布局.png

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


2、找到id.png

ok,到這里第一步做完,接著看第二步

第二步:準(zhǔn)備viewmodel類

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


3、Student類.png

這個類在我的第二篇和第三篇文章中有介紹過,如果有納悶的同學(xué),可以參考那兩篇文章。
需要注意的是,我在這個Student類中添加了一個click方法,用于彈出一個吐司,這個方法將在下一步中用到。

第三步、準(zhǔn)備Listview中的item的布局

第三步是基于第二部的,所以大家順序一定按照我的來哦,直接貼圖吧,也很簡單


4、item布局.png

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


5、linearlayout點(diǎn)擊事件.png

我給linearLayout加了一個點(diǎn)擊事件,這個點(diǎn)擊事件是在第三步中定義的一個click方法,在這里直接引用就可以了。

第四步、創(chuàng)建ListView適配器

這一步是關(guān)鍵的一步,應(yīng)該是大家稍微要記憶一下的。
前邊也說到了要做mvvm的話,需要一些套路,在這呢,我們還得要遵循這些套路,ok,不說廢話,直接貼圖


6、Listview的適配器.png

可以看到,這個適配器還是跟我們以前的那個適配器還是很相似的,只有構(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ù),還是看圖吧


7、設(shè)置適配器.png

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

0、效果圖.png

而且,點(diǎn)擊其中的一個條目,就會吐司條目的name。

總結(jié)

使用mvvm實(shí)現(xiàn)listview感覺邏輯上輕松很多,而且這個listview的適配器基本上可以試用與大多數(shù)情況,也就是說,我們處理一般的列表展示,只需用這一個適配器就夠了。
但是,適配器的寫法需要大家再熟悉一下。

下一篇文章

本例子中只介紹了ListView的用法,GridView和ListView類似,當(dāng)然也可以用這個方法,但是ViewPager和RecyclerView呢,下一篇文章會做進(jìn)一步的講解。

多謝大家的支持~~~么么噠

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容