Android从零开始搭建MVVM架构(6) ———— 使用玩Android API带你搭建MVVM框架(初级篇)

在经历了半个月的AAC组件的学习,终于来到了最后一步。希望本文能够帮助到你。本demo架构RxJava + Retrofit + MVVM,并且围绕 玩安卓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取代了呢!)

我来评几句
登录后评论

已发表评论数()

相关站点

+订阅
热门文章