Android 基于Databinding 的入門級 MVVM 模式搭建

MVVM模式將應(yīng)用分為三層:

Model層:主要負(fù)責(zé)數(shù)據(jù)的提供靡狞。Model層提供業(yè)務(wù)邏輯的數(shù)據(jù)結(jié)構(gòu)(比如续搀,實(shí)體類),提供數(shù)據(jù)的獲取(比如募判,從本地?cái)?shù)據(jù)庫或者遠(yuǎn)程網(wǎng)絡(luò)獲取數(shù)據(jù)),提供數(shù)據(jù)的存儲(chǔ)俊庇。
View層:主要負(fù)責(zé)界面的顯示吧享。View層不涉及任何的業(yè)務(wù)邏輯處理,它持有ViewModel層的引用庭呜,當(dāng)需要進(jìn)行業(yè)務(wù)邏輯處理時(shí)通知ViewModel層滑进。
ViewModel層:主要負(fù)責(zé)業(yè)務(wù)邏輯的處理。ViewModel層不涉及任何的視圖操作募谎。通過官方提供的Data Binding庫扶关,View層和ViewModel層中的數(shù)據(jù)可以實(shí)現(xiàn)綁定,ViewModel層中數(shù)據(jù)的變化可以自動(dòng)通知View層進(jìn)行更新近哟,因此ViewModel層不需要持有View層的引用驮审。ViewModel層可以看作是View層的數(shù)據(jù)模型和Presenter層的結(jié)合。

MVVM模式最大的優(yōu)勢在于:ViewModel層不持有View層的引用吉执。這樣進(jìn)一步降低了耦合疯淫,View層代碼的改變不會(huì)影響到ViewModel層。當(dāng)View層發(fā)生改變時(shí)戳玫,只要View層綁定的數(shù)據(jù)不變熙掺,那么ViewModel層就不需要改變。不用再編寫很多樣板代碼咕宿。通過官方的Data Binding庫币绩,UI和數(shù)據(jù)之間可以實(shí)現(xiàn)綁定蜡秽,不用再編寫大量的findViewById()和操作視圖的代碼了。極大的提高了開發(fā)過程中在UI界面數(shù)據(jù)綁定上的開發(fā)效率缆镣!

首先我們從最基礎(chǔ)的MVVM構(gòu)架開始入手芽突,暫且稱為MVVM入門級版本,主要是圍繞Databinding和ViewMode來封裝實(shí)現(xiàn)董瞻,拋棄掉煩不勝煩的findViewById以及通過ButterKnife方式獲取view操作的方式寞蚌。

第一步,創(chuàng)建一個(gè)空白的工程钠糊,入門級的我們先把工程內(nèi)分好包結(jié)構(gòu):


包結(jié)構(gòu)參考
  • activity層或者fragment層用于存放Activity或者Fragment挟秤;
  • vm層用于存放ViewModel;
  • presenter層用于存放數(shù)據(jù)操作和網(wǎng)絡(luò)交互邏輯抄伍;

不要忘了開啟databinding功能艘刚,這樣我們就能通過關(guān)聯(lián)databinding少些一大片的view代碼,在工程Module:app的gradle文件下:

android {

    //... 省略一大堆默認(rèn)配置
    
    dataBinding {
        enabled = true
    }
}

開啟databinding功能以后截珍,回到我們創(chuàng)建的layout文件攀甚,默認(rèn)的是這樣的:


默認(rèn)布局文件

直接選中根目錄,alt+emter或者直接鼠標(biāo)點(diǎn)擊提示燈泡笛臣,選擇第一個(gè)Convert to data binding layout云稚,AS就會(huì)自動(dòng)將布局文件轉(zhuǎn)換成我們需要的databinding結(jié)構(gòu):

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <data>
          <!--此處添加和綁定viewModel:我們這里直接和剛創(chuàng)建的MainVM綁定起來-->
        <variable
            name="viewModel"
            type="com.jf.mvvm.vm.MainVM" />
    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".activity.MainActivity">

        <TextView
            android:id="@+id/txv_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{viewModel.title}"
            tools:text="txv_title"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <TextView
            android:id="@+id/txv_title2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{viewModel.title2}"
            tools:text="txv_title2"
            app:layout_constraintTop_toBottomOf="@+id/txv_title"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            android:layout_marginTop="20dp"/>

        <Button
            android:id="@+id/btn_test"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:layout_constraintTop_toBottomOf="@+id/txv_title2"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            android:layout_marginTop="20dp"
            android:onClick="@{viewModel::onTestClick}"
            android:text="測試一下"/>

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

附上我們初級的VM文件,就是一個(gè)普通的java類沈堡,里面提供了一個(gè)getter方法静陈,默認(rèn)情況下databinding是可以直接獲取VM文件中的getter以及public的屬性值的:

public class MainVM{

    //通過MainPresenter可以跟數(shù)據(jù)庫以及后臺做通訊操作,用于更新UI數(shù)據(jù)
    private MainPresenter mainPresenter = new MainPresenter();
    // 布局文件可以直接讀取該屬性值
    public String title2 = "這里的值也可以顯示";

    public String getTitle(){
        return "這是textView顯示的內(nèi)容";
    }

    public void onTestClick(View view){
        Log.d("mvvm","onTestClick!!!!");
    }
}

為了關(guān)聯(lián)VM和layout文件诞丽,我們需要在MainActivity中調(diào)用DataBindingUtil.setContentView()方法鲸拥,并綁定MainVM到布局文件中,F(xiàn)ragment可以通過DataBindingUtil.inflate(inflater, layoutRes, container,false);來進(jìn)行頁面布局綁定:

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ActivityMainBinding binding = DataBindingUtil.setContentView(this,R.layout.activity_main);
        binding.setViewModel(new MainVM());
    }

運(yùn)行APP工程僧免,我們就能看到我們初步完成的基于Databinding的MVVM工程結(jié)果了:


運(yùn)行結(jié)果

點(diǎn)擊按鈕我們后臺也看到了日志:com.jf.mvvm D/mvvm: onTestClick!!!!

我們再更新一下代碼刑赶,將VM中的點(diǎn)擊操作和數(shù)據(jù)聯(lián)動(dòng)起來:

public class MainVM{

    public String title2 = "這里的值也可以顯示";
    private MainPresenter mainPresenter = new MainPresenter();

    public String getTitle(){
        if(!"這里的值也可以顯示".equals(title2)){
            return "我的值也一起變吧!";
        }
        return "這是textView顯示的內(nèi)容";
    }

    public void onTestClick(View view){
        title2 = "我的值改變了懂衩!";
        Log.d("mvvm","onTestClick >>> "+title2 + " >>> "+getTitle());
    }

}

點(diǎn)擊以后撞叨,頁面沒有發(fā)生任何事情,但是我們的日志里記錄的值是成功更新了的:

onTestClick >>> 我的值改變了浊洞! >>> 我的值也一起變吧牵敷!

了解過Databinding使用以后,我們知道法希,如果要更新值并同步到UI里枷餐,我們需要這樣做,將VM文件繼承androidx.databinding.BaseObservable苫亦,并且在需要通知的綁定數(shù)據(jù)上加上@Bindable毛肋,這樣我們就可以通過調(diào)用notifyPropertyChanged(BR.title);來通知UI刷新對應(yīng)的屬性值(title為目標(biāo)屬性值):

public class MainVM extends BaseObservable {

    //通過MainPresenter可以跟數(shù)據(jù)庫以及后臺做通訊操作怨咪,用于更新UI數(shù)據(jù)
    private MainPresenter mainPresenter = new MainPresenter();
    // 布局文件可以直接讀取該屬性值
    @Bindable
    public String title2 = "這里的值也可以顯示";

    @Bindable
    public String getTitle(){
        if(!"這里的值也可以顯示".equals(title2)){
            return "我的值也一起變吧!";
        }
        return "這是textView顯示的內(nèi)容";
    }

    public void onTestClick(View view){
        title2 = "我的值改變了润匙!";
        Log.d("mvvm","onTestClick >>> "+title2 + " >>> "+getTitle());
        notifyPropertyChanged(BR.title);
        notifyPropertyChanged(BR.title2);
    }

}

完成上述改進(jìn)以后诗眨,我們再次運(yùn)行APP,點(diǎn)擊測試一下按鈕趁桃,會(huì)發(fā)現(xiàn)頁面展示的值已經(jīng)成功按我們預(yù)想的值改變了辽话!

到目前為止,我們最初級最簡單的MVVM模式就搭建完畢了卫病!

操作過程中關(guān)于Databinding的使用可以參考別人已經(jīng)寫得很詳細(xì)得文章:DataBinding 的簡單使用

源碼地址:https://github.com/jackyflame/MvvmSimple

Android MVVM 搭建:封裝Activity

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市典徘,隨后出現(xiàn)的幾起案子蟀苛,更是在濱河造成了極大的恐慌,老刑警劉巖逮诲,帶你破解...
    沈念sama閱讀 217,084評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件帜平,死亡現(xiàn)場離奇詭異,居然都是意外死亡梅鹦,警方通過查閱死者的電腦和手機(jī)裆甩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來齐唆,“玉大人嗤栓,你說我怎么就攤上這事」坑剩” “怎么了茉帅?”我有些...
    開封第一講書人閱讀 163,450評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長锭弊。 經(jīng)常有香客問我堪澎,道長,這世上最難降的妖魔是什么味滞? 我笑而不...
    開封第一講書人閱讀 58,322評論 1 293
  • 正文 為了忘掉前任樱蛤,我火速辦了婚禮,結(jié)果婚禮上剑鞍,老公的妹妹穿的比我還像新娘昨凡。我一直安慰自己,他們只是感情好攒暇,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,370評論 6 390
  • 文/花漫 我一把揭開白布就轧。 她就那樣靜靜地躺著,像睡著了一般妒御。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上送讲,一...
    開封第一講書人閱讀 51,274評論 1 300
  • 那天,我揣著相機(jī)與錄音异希,去河邊找鬼。 笑死憨降,一個(gè)胖子當(dāng)著我的面吹牛授药,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播骄蝇,決...
    沈念sama閱讀 40,126評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了虑鼎?” 一聲冷哼從身側(cè)響起炫彩,我...
    開封第一講書人閱讀 38,980評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎邑贴,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體独旷,經(jīng)...
    沈念sama閱讀 45,414評論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡封恰,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,599評論 3 334
  • 正文 我和宋清朗相戀三年低飒,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了褥赊。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,773評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡捶惜,死狀恐怖汽久,靈堂內(nèi)的尸體忽然破棺而出诺擅,到底是詐尸還是另有隱情,我是刑警寧澤撮执,帶...
    沈念sama閱讀 35,470評論 5 344
  • 正文 年R本政府宣布抒钱,位于F島的核電站,受9級特大地震影響颜凯,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜蕾额,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,080評論 3 327
  • 文/蒙蒙 一诅蝶、第九天 我趴在偏房一處隱蔽的房頂上張望舱馅。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽霹疫。三九已至,卻和暖如春膀藐,著一層夾襖步出監(jiān)牢的瞬間屠阻,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評論 1 269
  • 我被黑心中介騙來泰國打工额各, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留国觉,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,865評論 2 370
  • 正文 我出身青樓虾啦,卻偏偏與公主長得像麻诀,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子傲醉,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,689評論 2 354