速度與激情8.jpg

引言

今天忙里偷閑，找了個(gè)機(jī)會(huì)提前下班了，可算近兩個(gè)月來(lái)最早的一次下班了。。。
by the way...
明天小米8就要搶購(gòu)了，不過(guò)大家如果買不到的話，不建議去找黃牛，可以直接到小米之家去全款預(yù)購(gòu)，應(yīng)該過(guò)幾天就能夠拿到貨了，當(dāng)然，前提是你家附近有小米之家啦~

今天還是短文，主要介紹下mvvm中如何去加載圖片，會(huì)的同學(xué)直接忽略本文即可。。。

MVVM加載圖片

我就廢話少說(shuō)，直接貼思路

1、肯定是先去定義布局，我就在前兩文中的布局中直接加了

第一步添加imageview控件.png

不過(guò)，這不是最終的布局，稍后會(huì)再微調(diào)一下

2、在bean中添加圖片的地址

我們這里直接用圖片網(wǎng)址進(jìn)行示例，當(dāng)然如果你想添加本地圖片，方法也是一致的，我這里就直接找一個(gè)美女圖片了
請(qǐng)看我調(diào)整后的bean類

第二步，添加圖片地址變量.png

當(dāng)然，還不夠，這里還得遵循「mvvm的套路」了

3、在bean中定義設(shè)置圖片的方法，這一步操作有點(diǎn)類似于“自定義屬性”

還是直接看代碼吧
我習(xí)慣使用glide，所以就直接倒了glide的庫(kù)，如果你喜歡picasso 或者Fresco 或者原生，當(dāng)然也可以，這里自便，不過(guò)用三方庫(kù)在mvvm中也是一個(gè)坑，如果大家遇到了，請(qǐng)留言，我們可以探討一下嘍（話說(shuō)mvvm排bug真是費(fèi)時(shí)間的事~~~~）

第三步，定義設(shè)置圖片的“適配器”

紅框就是我們剛才定義的適配器，注意一定得是靜態(tài)方法。。。

    注解中雙引號(hào)中的“bind:img” ,“bind”是規(guī)范，即必須要寫的，而后邊的“img”就是我們 定制的自定義屬性，將來(lái)我們?cè)O(shè)置圖片的時(shí)候，就必須使用這個(gè)名字“img”去設(shè)置圖片的url，記住這里是一一對(duì)應(yīng)的哦

      這里需要注意的是，有時(shí)as對(duì)“bind:img”的寫法不是很懂，這個(gè)時(shí)候我們可以使用{“img”}的方式單獨(dú)設(shè)置

4、重新回去修改布局

步驟3也說(shuō)了，定義了設(shè)置url的自定義屬性，所以肯定得回去修改布局，修改之后的布局是這樣的

第四步，修改布局

紅框?yàn)槲覀兲砑拥拇a
上邊的紅框代碼不解釋，下面的紅框代碼即使用了“img”屬性，后邊的值則是我們要設(shè)置的圖片的url

5、改看結(jié)果了吧，修改下MainActivity

先提供了個(gè)構(gòu)造方法.png

對(duì)imgUrl也做了綁定.png

MainActivity.png

然后用了個(gè)構(gòu)造方法，

6、看結(jié)果吧~~

未命名.gif

總結(jié)

顯示圖片的方式是很多簡(jiǎn)單，但是在做的時(shí)候一定要注意導(dǎo)入的三方庫(kù)中是否與本來(lái)的項(xiàng)目的依賴有沖突，如果有，需要改成一致的版本
「紙上得來(lái)終覺(jué)淺，絕知此事要躬行」

有時(shí)間的小伙伴一定記得練習(xí)一下哦~~

謝謝各位的支持，加油~~~