引言
今天是8月4號,星期六俄讹,起了大早跑了趟醫(yī)院公黑,下午回家后睡到了下午五點...
距離上次寫mvvm系列已經(jīng)快有兩個月的時間了邑商,寫作的堅持最終還是敗給了加班和懶惰,不過凡蚜,今天我回來了人断,我的文章我會一直寫下去的!
廢話少說朝蜘,說正題
今天給大家?guī)淼氖鞘褂胢vvm實現(xiàn)listview列表的展示
效果圖:
被丑哭了?沒關(guān)系谱醇,我沒哭就好了
很簡單暇仲,就是實現(xiàn)了一個頭像、姓名副渴、性別的展示奈附,而且還都是用到了假數(shù)據(jù)。
我的博文中的
mvvm實用篇(一)
http://www.reibang.com/p/545af5bbb93f
mvvm實用篇(二)
http://www.reibang.com/p/ef5f8d7d2caa
mvvm實用篇(三)
http://www.reibang.com/p/6bacbdeb0250
已經(jīng)將mvvm的圖片佳晶,String類型的文字都解釋的很清楚了桅狠,如大家還有什么疑惑,可以再去前三篇轿秧。
開始操作
第一步:準備基礎(chǔ)布局ListView
在這一步中中跌,無需考慮mvvm,直接按照我們以前的邏輯進行界面搭建即可菇篡。
如圖所示:
很簡單,就在里面放了一個listview驱还,而且給了個id
然后嗜暴,也是按照我們以前的寫法,去找到listview這個id
ok,到這里第一步做完闷沥,接著看第二步
第二步:準備viewmodel類
我們這里的viewmodel類是一個Student類,看了效果圖咐容,大家應(yīng)該都知道這個viewmodel類中都有什么屬性了吧舆逃!
對:Student類中只有三個屬性:
姓名、性別、頭像地址
不過路狮,基于我們前三篇文章的介紹虫啥,這個viewmodel我就直接寫的很全,其中包含了設(shè)置圖片的邏輯奄妨,請看下圖
這個類在我的第二篇和第三篇文章中有介紹過,如果有納悶的同學(xué)砸抛,可以參考那兩篇文章评雌。
需要注意的是,我在這個Student類中添加了一個click方法直焙,用于彈出一個吐司柳骄,這個方法將在下一步中用到。
第三步箕般、準備Listview中的item的布局
第三步是基于第二部的,所以大家順序一定按照我的來哦舔清,直接貼圖吧丝里,也很簡單
這里面唯一需要注意的一點是
我給linearLayout加了一個點擊事件杯聚,這個點擊事件是在第三步中定義的一個click方法,在這里直接引用就可以了抒痒。
第四步幌绍、創(chuàng)建ListView適配器
這一步是關(guān)鍵的一步,應(yīng)該是大家稍微要記憶一下的故响。
前邊也說到了要做mvvm的話傀广,需要一些套路,在這呢彩届,我們還得要遵循這些套路伪冰,ok,不說廢話,直接貼圖
可以看到贮聂,這個適配器還是跟我們以前的那個適配器還是很相似的,只有構(gòu)造方法和getView不太一致寨辩。
那么我們來看下構(gòu)造方法:
構(gòu)造方法中我們準備了很多屬性吓懈,分別是:
Context 、LayoutInflater 靡狞、layoutId 耻警、variableId、list
其中,只有variableId是我們不熟悉的榕栏,這個variableId在下一步中畔勤,我們會用到,當我們看到的時候應(yīng)該就很清楚了扒磁。
getView里面的邏輯不多解釋了庆揪,在上圖的代碼中都注釋好了,如有疑問可以留言妨托。
那么 其實這一步做完缸榛,就差不多完成了。
第五步兰伤、給listview設(shè)置適配器内颗,完工!
這里我們使用了假數(shù)據(jù)敦腔,還是看圖吧
然后,添加聯(lián)網(wǎng)權(quán)限符衔,就可以看到效果了
而且,點擊其中的一個條目判族,就會吐司條目的name躺盛。
總結(jié)
使用mvvm實現(xiàn)listview感覺邏輯上輕松很多,而且這個listview的適配器基本上可以試用與大多數(shù)情況形帮,也就是說槽惫,我們處理一般的列表展示,只需用這一個適配器就夠了辩撑。
但是界斜,適配器的寫法需要大家再熟悉一下。
下一篇文章
本例子中只介紹了ListView的用法槐臀,GridView和ListView類似锄蹂,當然也可以用這個方法,但是ViewPager和RecyclerView呢水慨,下一篇文章會做進一步的講解得糜。
多謝大家的支持~~~么么噠