使用AndroidX + ViewModel + LiveData + DataBinding等元件搭建的MVVM快速開發框架

阿鍾發表於2019-04-03

在這裡插入圖片描述

行車不規範,親人兩行淚

加班不規範,親人兩行淚

家有蘇大強,親人兩行淚

TODO-MVVM:使用JetPack中的AndroidX + ViewModel + LiveData + DataBinding元件,同時使用RxJava2 + Retrofit2 + Glide等主流框架進行搭建

  • GitHub專案地址

  • 專案中basicLibModule為搭建的基礎框架可以拿來就用,sampleModule為專案的使用案例

  • 效果圖

    使用AndroidX + ViewModel + LiveData + DataBinding等元件搭建的MVVM快速開發框架

2018年穀歌I/O大會發布了Jetpack,下面詳細介紹一下這個Jetpack讓大家對他不在陌生:

Android Jetpack是什麼?

  • Jetpack官網介紹

  • Jetpack視訊教程,科學上網

  • 應用官方文件的介紹

    Jetpack是Android軟體元件的集合,使您可以更輕鬆地開發出色的Android應用。這些元件可幫助您遵循最佳做法,讓您擺脫編寫樣板程式碼的工作並簡化複雜任務,以便您將精力集中放在所需的程式碼上。

    Jetpack包含與平臺API解除捆綁的androidx.* 軟體包庫。這意味著,它可以提供向後相容性,且比Android平臺的更新頻率更高,以此確保您始終可以獲取最新且最好的Jetpack元件版本。

  • Jetpack包括哪些東西?

    Jetpack分四個模組分別是:基礎(Foundation)、架構(Architecture)、行為(Behavior)、介面(UI)

使用AndroidX + ViewModel + LiveData + DataBinding等元件搭建的MVVM快速開發框架 使用AndroidX + ViewModel + LiveData + DataBinding等元件搭建的MVVM快速開發框架

這裡同時還得介紹一下AndroidX,使用起來還是跟之前一樣的只是包名更改了而已

  • AndroidX官網介紹

    AndroidX是對原始Android支援庫的重大改進(v7、v4等......)

    比如之前的com.android.support:appcompat-v7對應在AndroidX中的包為androidx.appcompat:appcompat;更多的包對映關係請前往官網檢視Artifact mappings

廢話不多說了這篇文章主要還是講講Jetpack中的架構元件(Architecture)

ViewModel

  • ViewModel 介紹

ViewModel類旨在儲存和管理使用者介面相關的資料生命週期中的方式,在ViewModel類中當螢幕旋轉配置更改時允許資料能夠被儲存

  • ViewModel生命週期

    使用AndroidX + ViewModel + LiveData + DataBinding等元件搭建的MVVM快速開發框架
    使用AndroidX + ViewModel + LiveData + DataBinding等元件搭建的MVVM快速開發框架

  • 下面是一個ViewModel + LiveData的使用介紹

    • 佈局內容

    • ViewModel儲存資料

    public class TestViewModel extends ViewModel {
    
        private MutableLiveData data = new MutableLiveData<>();
    
        public MutableLiveData getData() {
            return data;
        }
    }
    複製程式碼
    • UI監聽資料改變進行資料展示
    public class Test extends AppCompatActivity {
    
        @Override
        protected void onCreate(@Nullable Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            final ActivityTestBinding dataBinding = DataBindingUtil.setContentView(this,
                    R.layout.activity_test);
    
            TestViewModel model = ViewModelProviders.of(this).get(TestViewModel.class);
            model.getData().observe(this, new Observer() {
                @Override
                public void onChanged(String s) {
                    dataBinding.tv.setText(s);
                }
            });
        }
    }
    複製程式碼

對於上面這種寫好,LiveData與DataBinding結合使用時提供了一個更加厲害的操作:資料可以直接與xml進行繫結

  • 首先更改xml佈局

  • 修改UI處程式碼

public class Test extends AppCompatActivity {

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        final ActivityTestBinding dataBinding = DataBindingUtil.setContentView(this,
                R.layout.activity_test);

        TestViewModel model = ViewModelProviders.of(this).get(TestViewModel.class);
        dataBinding.setModel(model);
        //資料改變,UI自動會更新
        dataBinding.setLifecycleOwner(this);
    }
}
複製程式碼

ViewModel在這裡還有個妙用:Activity與Fragment進行資料共享

  • 使用也很簡單:ViewModel在建立的時候如果是同一個ActivityFragment則會返回同一個例項,如下示例:

  • Activity中建立ViewModel

    LinkageViewModel viewModel = ViewModelProviders.of(this).get(LinkageViewModel.class);
    複製程式碼
  • Activity中的Fragment建立ViewModel

    LinkageViewModel viewModel = ViewModelProviders.of(ge tActivity()).get(LinkageViewModel.class);
    複製程式碼

    當然還有一些其他的東西,歡迎前往——> GitHub專案地址

相關文章