Android中的MVVM架構(gòu)設(shè)計-實用篇(一)

不能說的秘密.jpg

引言

接到了一個新的android項目,之前也一直在用mvp在寫東西,可是身邊的朋友都已經(jīng)在用mvvm在做東西了,如果現(xiàn)在自己還不用mvvm寫的話,那真是太尷尬了,于是到網(wǎng)上找了些資料,大致是知道m(xù)vvm是怎么使用了。

網(wǎng)上的資料往往都是先將mvc mvp mvvm做一個對比之后再進行mvvm的講解,我這里就不要那么麻煩了,他們?nèi)咧g的對比是面試的時候需要準(zhǔn)備的,今天我就把實用技能貼出來,供大家參考吧,有意見的話希望大家留言,共同學(xué)習(xí)~~

使用mvvm

1、讓android項目啟用dataBinding

我們使用mvvm,必然會用到android為我們提供的dataBinding支持包,這個支持包早在2015年,google就為我們提供了(又尷尬了是不是,趕緊用起來吧)。

好,只需要在我們正在編寫的module中的build.gradle中添加這樣的腳本就好了,看截圖(注意,是添加到android {} 內(nèi)部)


啟用dataBinding

這樣我們就能夠使用了,記得構(gòu)建一下。

2、修改布局文件

如果想使用databinding框架,需要按照mvvm的規(guī)矩來辦,而mvvm的規(guī)矩就是,需要布局文件 按照 「固定的寫法」 來編寫。

「固定的寫法」


02.jpg

ok,這就是固定寫法,那么與我們以前的寫法的差異是

      * 最外層用<layout>標(biāo)簽嵌套,注意layout的首字母是小寫的“l(fā)”
      * <layout>標(biāo)簽的下面緊跟著一個<data>標(biāo)簽,這個標(biāo)簽其實就是讓我們進行數(shù)據(jù)綁定的一個標(biāo)簽
      * <data>標(biāo)簽中,包含著<variable>標(biāo)簽,這個標(biāo)簽就是我們將“變量”放置的位置
      * <variable>標(biāo)簽里面分別有<type>  <name>兩個標(biāo)簽,分別來標(biāo)識變量類型和變量名稱
      * <type>標(biāo)簽 標(biāo)識變量類型,比如java.lang.String這就是String類型,com.guaju.mvvm.bean.User 這個就是一個我自定義的一個User類型
      * <name>標(biāo)簽 表示的就是我們定義的一個變量名稱,這個變量名稱我們會在下方的布局和對應(yīng)的java代碼中引用到 

ok,我們現(xiàn)在就實現(xiàn)一個簡單的功能,展示兩行文字,而變量呢,我們就提供一個User類(上邊的User類的包名是瞎寫的)
先看一下代碼吧

User.java類


創(chuàng)建的User類.png

這個User類馬上就要用到

activity_main.xml布局


布局文件.png

看,這里<type>標(biāo)簽就引用了User類,而<name>標(biāo)簽則定義了一個名稱為“user”的User類變量,這個變量在下方的“android:text=”中做了引用。

這里提一下,上方的布局寫法可以這樣寫:

03.jpg

自行體會哈。

3、修改activity文件

以前的Main_Activity.png

由于我們要使用mvvm,所以要懂規(guī)矩
改成


mvvm的Main_Activity.png

這樣才能實現(xiàn)「雙向綁定」
然后下一步操作就是給DataBindingUtil.setContentView一個返回值,這里切記不要直接生成變量,因為這個返回值類型“特殊的規(guī)則”(是不是發(fā)現(xiàn)好用的東西都有“規(guī)則”,哈哈)

“規(guī)則”是什么呢,其實就是返回值的類型是變化的,而類型變化的依據(jù)就是我們定義的布局文件,因為這個返回值是和布局文件是息息相關(guān)的。
具體規(guī)則就是,返回的類型會按照布局文件的順序生成類
比如:
activity_main.xml布局文件
經(jīng)過DataBindingUtil生成的類是
ActivityMainBinding類
規(guī)則:就是按照布局名的順序依次輸出,最后邊加上Binding即可

不信的話,看圖

根據(jù)布局生成類.png

如果還不信的話,給你個“實錘”


實錘.png

那你是不是有問題了,如果想定義這個類名的話,難道還要去特別去寫這個對應(yīng)名稱的布局?

當(dāng)然不是了,mvvm不會這么苛刻的,他還提供了自定義類名的方法


改變data里面的class就可以了.jpg

輕松實現(xiàn)


nihaoma.png

是不是很爽呢,注意,改完布局之后,記得rebuild一下,不然不會自動生成的。

好,下一步

3、在java代碼中直接設(shè)置數(shù)據(jù),改變布局中的顯示

創(chuàng)建xiaoming,并且設(shè)置xiaoming.png

用第二部我們得到的指定名稱的Binding類,去設(shè)置數(shù)據(jù)即可
其實這一步完成之后,就能夠把布局設(shè)置了。
我們來看下效果


效果.png

就問你神奇不神奇~~

總結(jié)

恩,本篇文章很簡單,各位大神不要噴,看完這個短文,你能做到的只能是控制文本的顯示,而且還只能做到當(dāng)想改變文字顯示時,還得再設(shè)置一次數(shù)據(jù),下篇短文會介紹下如何只設(shè)置一次數(shù)據(jù),在當(dāng)數(shù)據(jù)發(fā)生變化的時候,不需要再設(shè)置數(shù)據(jù),而直接讓布局發(fā)生變化~

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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