在經歷了半個月的AAC組件的學習,終於來到了最後一步。希望本文能夠幫助到你。本demo架構RxJava + Retrofit + MVVM,並且圍繞玩安卓API(感謝鴻洋)帶大家一起搭建我們的MVVM項目。
從零開始搭建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框架(終極篇)
在寫文章之前我在想,爲什麼MVP之後還有MVVM框架呢,我們爲什麼要用MVVM呢?
在MVC衍變到MVP時。只是代碼邏輯簡潔了,View和Model也有解耦了,接手別人的項目時你的苦惱減少了。但是代價就是,接口爆炸,這也是做小項目的時候,根本不用它的原因。那麼今天我們要講的是MVVM。MVVM具備了MVP的優點外,而且不用像MVP那樣寫那麼多接口了。ViewModel配合LiveData完成所有,又因爲它具備生命週期,程序更健壯了,也不用寫那麼多判斷代碼了,更關鍵的是LiveData替代了那些接口,簡直神奇了。
這裏我想說下我的感受,框架的使用是個人的見解。每個人都不同。我這裏搭建,是我的見解和想法。你可以借鑑我的思路,去搭建你自己的MVVM項目。
一、創建一個新項目(本節將完成一個banner廣告的功能)
打開DataBinding
//加載項目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'
二、創建我們的Base
2.1 創建BaseViewModel
因爲創建BaseActivity時,肯定要引入我們的BaseViewModel。所以我們要先創建BaseViewModel。我們知道,我們要把公共代碼和重複代碼全部封裝在我們的Base裏。當然這裏我們還不知道我們的BaseViewModel要幹嘛,先創建吧,之後要什麼,補什麼
//繼承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);
}
}
}
三、簡單封裝我們的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.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取代了呢!)