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

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

引言

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

廢話少說朝蜘,說正題

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


0恶迈、效果圖.png

被丑哭了?沒關(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,直接按照我們以前的邏輯進行界面搭建即可菇篡。
如圖所示:


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

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


2议蟆、找到id.png

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

第二步:準備viewmodel類

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


3涂籽、Student類.png

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

第三步箕般、準備Listview中的item的布局

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


4、item布局.png

這里面唯一需要注意的一點是


5体谒、linearlayout點擊事件.png

我給linearLayout加了一個點擊事件杯聚,這個點擊事件是在第三步中定義的一個click方法,在這里直接引用就可以了抒痒。

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

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


6樟蠕、Listview的適配器.png

可以看到贮聂,這個適配器還是跟我們以前的那個適配器還是很相似的,只有構(gòu)造方法和getView不太一致寨辩。
那么我們來看下構(gòu)造方法:
構(gòu)造方法中我們準備了很多屬性吓懈,分別是:
Context 、LayoutInflater 靡狞、layoutId 耻警、variableId、list
其中,只有variableId是我們不熟悉的榕栏,這個variableId在下一步中畔勤,我們會用到,當我們看到的時候應(yīng)該就很清楚了扒磁。
getView里面的邏輯不多解釋了庆揪,在上圖的代碼中都注釋好了,如有疑問可以留言妨托。
那么 其實這一步做完缸榛,就差不多完成了。

第五步兰伤、給listview設(shè)置適配器内颗,完工!

這里我們使用了假數(shù)據(jù)敦腔,還是看圖吧


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

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

0找前、效果圖.png

而且,點擊其中的一個條目判族,就會吐司條目的name躺盛。

總結(jié)

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

下一篇文章

本例子中只介紹了ListView的用法槐臀,GridView和ListView類似锄蹂,當然也可以用這個方法,但是ViewPager和RecyclerView呢水慨,下一篇文章會做進一步的講解得糜。

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市晰洒,隨后出現(xiàn)的幾起案子朝抖,更是在濱河造成了極大的恐慌,老刑警劉巖谍珊,帶你破解...
    沈念sama閱讀 216,651評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件治宣,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機侮邀,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評論 3 392
  • 文/潘曉璐 我一進店門逝慧,熙熙樓的掌柜王于貴愁眉苦臉地迎上來搀缠,“玉大人榜苫,你說我怎么就攤上這事谦纱。” “怎么了华畏?”我有些...
    開封第一講書人閱讀 162,931評論 0 353
  • 文/不壞的土叔 我叫張陵鹏秋,是天一觀的道長。 經(jīng)常有香客問我亡笑,道長侣夷,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,218評論 1 292
  • 正文 為了忘掉前任仑乌,我火速辦了婚禮百拓,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘晰甚。我一直安慰自己耐版,他們只是感情好,可當我...
    茶點故事閱讀 67,234評論 6 388
  • 文/花漫 我一把揭開白布压汪。 她就那樣靜靜地躺著,像睡著了一般古瓤。 火紅的嫁衣襯著肌膚如雪止剖。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,198評論 1 299
  • 那天落君,我揣著相機與錄音穿香,去河邊找鬼。 笑死绎速,一個胖子當著我的面吹牛皮获,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播纹冤,決...
    沈念sama閱讀 40,084評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼洒宝,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了萌京?” 一聲冷哼從身側(cè)響起雁歌,我...
    開封第一講書人閱讀 38,926評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎知残,沒想到半個月后靠瞎,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,341評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,563評論 2 333
  • 正文 我和宋清朗相戀三年乏盐,在試婚紗的時候發(fā)現(xiàn)自己被綠了佳窑。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,731評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡父能,死狀恐怖神凑,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情法竞,我是刑警寧澤耙厚,帶...
    沈念sama閱讀 35,430評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站岔霸,受9級特大地震影響薛躬,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜呆细,卻給世界環(huán)境...
    茶點故事閱讀 41,036評論 3 326
  • 文/蒙蒙 一型宝、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧絮爷,春花似錦趴酣、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,676評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至柜蜈,卻和暖如春仗谆,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背淑履。 一陣腳步聲響...
    開封第一講書人閱讀 32,829評論 1 269
  • 我被黑心中介騙來泰國打工隶垮, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人秘噪。 一個月前我還...
    沈念sama閱讀 47,743評論 2 368
  • 正文 我出身青樓狸吞,卻偏偏與公主長得像,于是被迫代替她去往敵國和親指煎。 傳聞我的和親對象是個殘疾皇子蹋偏,可洞房花燭夜當晚...
    茶點故事閱讀 44,629評論 2 354

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