Android從零開始搭建MVVM架構（6） ———— 使用玩Android API帶你搭建MVVM框架（初級篇）

在經歷了半個月的AAC組件的學習，終於來到了最後一步。但願本文可以幫助到你。本demo架構RxJava + Retrofit + MVVM，而且圍繞玩安卓API（感謝鴻洋）帶你們一塊兒搭建咱們的MVVM項目。java

從零開始搭建MVVM架構系列文章（持續更新）:
Android從零開始搭建MVVM架構（1）————DataBinding
Android從零開始搭建MVVM架構（2）————ViewModel
Android從零開始搭建MVVM架構（3）————LiveData
Android從零開始搭建MVVM架構（4）————Room（從入門到進階）
Android從零開始搭建MVVM架構（5）————Lifecycles
Android從零開始搭建MVVM架構（6）————使用玩Android API帶你搭建MVVM框架（初級篇）
Android從零開始搭建MVVM架構（7） ———— 使用玩Android API帶你搭建MVVM框架（終極篇）react

在寫文章以前我在想，爲何MVP以後還有MVVM框架呢，咱們爲何要用MVVM呢？android

在MVC衍變到MVP時。只是代碼邏輯簡潔了，View和Model也有解耦了，接手別人的項目時你的苦惱減小了。可是代價就是，接口爆炸，這也是作小項目的時候，根本不用它的緣由。那麼今天咱們要講的是MVVM。MVVM具有了MVP的優勢外，並且不用像MVP那樣寫那麼多接口了。ViewModel配合LiveData完成全部，又由於它具有生命週期，程序更健壯了，也不用寫那麼多判斷代碼了，更關鍵的是LiveData替代了那些接口，簡直神奇了。git

這裏我想說下個人感覺，框架的使用是我的的看法。每一個人都不一樣。我這裏搭建，是個人看法和想法。你能夠借鑑個人思路，去搭建你本身的MVVM項目。github

1、建立一個新項目(本節將完成一個banner廣告的功能)

打開DataBindingjson

//加載項目build.gradle的anroid標籤下
dataBinding {
        enabled = true
    }
複製代碼

添加相關依賴緩存

//okhttp、retrofit、rxjava
    implementation 'com.squareup.okhttp3:okhttp:3.8.0'
    implementation 'com.squareup.retrofit2:retrofit:2.3.0'
    implementation 'com.squareup.retrofit2:converter-gson:2.3.0'
    implementation 'com.squareup.retrofit2:adapter-rxjava2:2.3.0'
    implementation 'io.reactivex.rxjava2:rxjava:2.1.7'

    //放着沒有及時回收形成RxJava內存泄漏
    implementation 'com.trello.rxlifecycle2:rxlifecycle-components:2.1.0'
    implementation 'android.arch.lifecycle:extensions:1.1.1'

    //Room的依賴引用
    implementation 'android.arch.persistence.room:runtime:2.1.4'
    annotationProcessor 'android.arch.persistence.room:compiler:2.1.4'

    //Room配合RxJava使用
    implementation 'android.arch.persistence.room:rxjava2:2.1.4'
    implementation 'io.reactivex.rxjava2:rxandroid:2.0.2'

    //廣告banner
    implementation 'com.youth.banner:banner:1.4.10'

    //glide
    implementation 'com.github.bumptech.glide:glide:4.9.0'
    annotationProcessor 'com.github.bumptech.glide:compiler:4.9.0'
複製代碼

2、建立咱們的Base

2.1 建立BaseViewModel

由於建立BaseActivity時，確定要引入咱們的BaseViewModel。因此咱們要先建立BaseViewModel。咱們知道，咱們要把公共代碼和重複代碼所有封裝在咱們的Base裏。固然這裏咱們還不知道咱們的BaseViewModel要幹嗎，先建立吧，以後要什麼，補什麼markdown

//繼承AndroidViewModel，是由於裏面要用context時候直接能夠getApplication()
public abstract class BaseViewModel extends AndroidViewModel {

    public BaseViewModel(@NonNull Application application) {
        super(application);
    }

    @Override
    protected void onCleared() {
        super.onCleared();
        
    }
}
複製代碼

2.2 建立BaseActivity

baseActivity裏有2個引用，DataBinding 和 ViewModel，用泛型把他添加進來，網絡

//ViewDataBinding 是全部DataBinding的父類
public abstract class BaseActivity<VM extends BaseViewModel, VDB extends ViewDataBinding> extends AppCompatActivity {   
    //獲取當前activity佈局文件,並初始化咱們的binding
    protected abstract int getContentViewId();
    
    //處理邏輯業務
    protected abstract void processLogic();


    protected VM mViewModel;
    protected VDB binding;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(getContentViewId());
        //初始化咱們的binging
        binding = DataBindingUtil.setContentView(this, getContentViewId());
        //給binding加上感知生命週期，AppCompatActivity就是lifeOwner，以前解釋過了，不懂看前面
        binding.setLifecycleOwner(this);
        //建立咱們的ViewModel。
        createViewModel();
        processLogic();

    }

    public void createViewModel() {
        if (mViewModel == null) {
            Class modelClass;
            Type type = getClass().getGenericSuperclass();
            if (type instanceof ParameterizedType) {
                modelClass = (Class) ((ParameterizedType) type).getActualTypeArguments()[0];
            } else {
                //若是沒有指定泛型參數，則默認使用BaseViewModel
                modelClass = BaseViewModel.class;
            }
            mViewModel = (VM) ViewModelProviders.of(this).get(modelClass);
        }
    }
}
複製代碼

3、簡單封裝咱們的Retrofit

我這裏只是簡單封裝咱們的Retrofit。本文終極篇demo RxJava + Retrofit聯網（若是不熟悉，請看我另外一篇解讀）RxJava + Retrofit + MVP(看完還不明白，吐槽我。適合初學者,VIP版MVP框架！！)
其中封裝包括的內容有：架構

支持全部網絡請求類型，get,post,put...(廢話了！！Retrofit已經幹了全部事情)
支持上傳文件並監聽上傳進度
支持下載文件和斷點下載並監聽下載進度
有網絡時，支持在線緩存（鏈接網絡時的有效期）
斷開網絡，支持離線緩存（離線緩存有效期）
屢次請求同一url，在網絡還在請求時，是否只請求一次
支持網絡請求失敗，自動重連
支持取消網絡請求

Retrofit的接口以下：

public interface RetrofitApiService {
    //wanAndroid的banner
    @GET("banner/json")
    Observable<ResponModel<List<BannerBean>>> getBanner();
}
複製代碼

簡單封裝以下，封裝一個單例的RetrofitManager:

public class RetrofitManager {
    private static RetrofitManager retrofitManager;
    private Retrofit retrofit;
    private RetrofitApiService retrofitApiService;
    private RetrofitManager() {
        initRetrofit();
    }
    
    public static RetrofitManager getInstance() {
        if (retrofitManager == null) {
            synchronized (RetrofitManager.class) {
                if (retrofitManager == null) {
                    retrofitManager = new RetrofitManager();
                }
            }
        }
        return retrofitManager;
    }
    
    public static RetrofitApiService getApiService() {
        return retrofitManager.retrofitApiService;
    }
    
    private void initRetrofit() {
        retrofit = new Retrofit.Builder()
                .baseUrl(SystemConst.DEFAULT_SERVER)
                .addConverterFactory(GsonConverterFactory.create())
                .addCallAdapterFactory(RxJava2CallAdapterFactory.create())
                .build();
        retrofitApiService = retrofit.create(RetrofitApiService.class);
    }
}
複製代碼

4、實現咱們的功能

4.1 建立MainViewModel

首先是建立咱們的MainViewModel，並添加，加載banner接口。（Repository數據層，也能夠說是model層，放在後一篇）以下：

public class MainViewModel extends BaseViewModel {

    public MainViewModel(@NonNull Application application) {
        super(application);
    }

    @Override
    protected void onCleared() {
        super.onCleared();

    }

    public MutableLiveData<List<BannerBean>> getBanners(){
        //由於用到LiveData，我以爲都不須要切換到主線程了。LiveData能夠幫咱們作
        //調用接口，返回咱們的MutableLiveData<List<BannerBean>>
        final MutableLiveData<List<BannerBean>> liveData = new MutableLiveData<>();
        RetrofitManager.getInstance().getApiService().getBanner()
                .subscribeOn(Schedulers.io())
                .subscribe(new Consumer<ResponModel<List<BannerBean>>>() {
                    @Override
                    public void accept(ResponModel<List<BannerBean>> listResponModel) throws Exception {
                        liveData.postValue(listResponModel.getData());
                    }
                }, new Consumer<Throwable>() {
                    @Override
                    public void accept(Throwable throwable) throws Exception {

                    }
                });
        
        return liveData;
    }
}
複製代碼

4.2 MainActivity裏

首先把xml改爲咱們的DataBinding佈局
添加一個按鈕，點擊去請求咱們的接口
增長第三方Banner去展現咱們的數據

xml以下：

<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>

    </data>

    <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity">
        <com.youth.banner.Banner android:id="@+id/banner" android:layout_width="match_parent" android:layout_height="180dp" />

        <Button android:text="點擊請求" android:id="@+id/btn" android:layout_width="wrap_content" android:layout_height="wrap_content"/>
    </RelativeLayout>
</layout>
複製代碼

MainActivity繼承咱們的BaseActivity,並指明咱們的 ViewModel 和DataBinding。

public class MainActivity extends BaseActivity<MainViewModel, ActivityMainBinding> {

    @Override
    protected int getContentViewId() {
        return R.layout.activity_main;
    }

    @Override
    protected void processLogic() {
        initBanner();
        binding.btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                getBanner();
            }
        });
    }

    private void getBanner() {
        mViewModel.getBanners().observe(this, new Observer<List<BannerBean>>() {
            @Override
            public void onChanged(List<BannerBean> bannerBeans) {
                updateBanner(bannerBeans);
            }
        });
    }


    private void initBanner() {
        binding.banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);
        //這是給banner添加圖片加載器
        binding.banner.setImageLoader(new GlideImageLoader());
    }

    private void updateBanner(List<BannerBean> data) {
        if (data == null || data.size() <= 0) {
            return;
        }
        List<String> urls = new ArrayList<>();
        List<String> titles = new ArrayList<>();
        for (int i = 0; i < data.size(); i++) {
            urls.add(data.get(i).getImagePath());
            titles.add(data.get(i).getTitle());
        }
        binding.banner.setBannerTitles(titles);
        binding.banner.setImages(urls);
        binding.banner.start();
    }
}
複製代碼

跟着項目走，你會跑通一個簡單的MVVM項目。下一篇，將是最後終結篇。若是MVVM系列能幫到你的話，請幫樓主點個贊吧。謝謝

由於跟本文走，簡單的MVVM會跑通。我這裏就不貼demo連接了。下一篇，終結篇，將會放上終結篇demo連接。
最終運行的效果：

本文還涉及到的類有：
ResponModel

public class ResponModel<T> implements Serializable {
    public static final int RESULT_SUCCESS = 0;

    private T data;
    private int errorCode;
    private String errorMsg;

    public T getData() {
        return data;
    }

    public void setData(T data) {
        this.data = data;
    }

    public int getErrorCode() {
        return errorCode;
    }

    public void setErrorCode(int errorCode) {
        this.errorCode = errorCode;
    }

    public String getErrorMsg() {
        return errorMsg;
    }

    public void setErrorMsg(String errorMsg) {
        this.errorMsg = errorMsg;
    }

    public boolean isSuccess(){
        return RESULT_SUCCESS == errorCode;
    }
}
複製代碼

BannerBean:

public class BannerBean implements Serializable {

    /** * desc : Android高級進階直播課免費學習 * id : 23 * imagePath : https://wanandroid.com/blogimgs/67c28e8c-2716-4b78-95d3-22cbde65d924.jpeg * isVisible : 1 * order : 0 * title : Android高級進階直播課免費學習 * type : 0 * url : https://url.163.com/4bj */

    private String desc;
    private int id;
    private String imagePath;
    private int isVisible;
    private int order;
    private String title;
    private int type;
    private String url;

    public String getDesc() {
        return desc;
    }

    public void setDesc(String desc) {
        this.desc = desc;
    }

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getImagePath() {
        return imagePath;
    }

    public void setImagePath(String imagePath) {
        this.imagePath = imagePath;
    }

    public int getIsVisible() {
        return isVisible;
    }

    public void setIsVisible(int isVisible) {
        this.isVisible = isVisible;
    }

    public int getOrder() {
        return order;
    }

    public void setOrder(int order) {
        this.order = order;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public int getType() {
        return type;
    }

    public void setType(int type) {
        this.type = type;
    }

    public String getUrl() {
        return url;
    }

    public void setUrl(String url) {
        this.url = url;
    }
}
複製代碼

GlideImageLoader:

public class GlideImageLoader extends ImageLoader {
    @Override
    public void displayImage(Context context, Object path, ImageView imageView) {
        Glide.with(context).load(path).placeholder(R.mipmap.ic_launcher)
                .error(R.mipmap.ic_launcher)
                .centerCrop().into(imageView);
    }
}
複製代碼

最後別忘記加上網絡權限。加油~（是否是發現接口被LiveData取代了呢！）