androidmvvm双向绑定,AndroidMVVM实战Demo完全解析原标题：Android MVVM实战Demo完全解析
前⾔
在之前的⽂章中介绍了部分mvvm模式的理论，那今天就通过⼀个Demo来讲解⼀下mvvm在实战中的结构是怎么样的，以及它的具体使⽤，下⾯⼀起来看，关于mvvm，还是先贴⼀下学习地址。
Android 对⽐MVC、MVP来聊聊MVVM模式的理解
在之前DataBinding的学习中，当然也包括⽹上⼤部分关于mvvm和databinding的教程中，都是在xml中引⼊很多变量，然后把这些变量的数据和控件绑定在⼀起，这样xml的可读性⾮常差。实际上正确的做法，是只需要把ViewModel变量引⼊即可。⽽且很多也没有讲解如何使⽤ViewModel。
效果图
⽬录结构
整体架构MVVM，⽹络请求⽤的是retrofit2+rxjava2，图⽚加载⽤的Glide，列表⽤的xRecyclerView库
在这⾥我假设读者已经掌握了DataBinding的⽤法，还不会的赶紧点击上⾯的链接学起来，DataBinding是实现mvvm的⼀种⼯具，在mvvm项⽬中的重要性不⾔⽽喻，这⾥我还是再次说明⼀下各层的作⽤
1.View层就是展⽰数据的，以及接收到⽤户的操作传递给viewModel层，通过dataBinding实现数据与view的单向绑定或双向绑定
2.Model层最重要的作⽤就是获取数据了，当然不⽌于此，model层将结果通过接⼝的形式传递给viewModel层
3.ViewModel 层通过调⽤model层获取数据，以及业务逻辑的处理。
4.mvvm中 viewModel 和MVP中的presenter 的作⽤类似 ，只不过是通过 databinding 将数据与ui进⾏了绑定。
代码
1.MainActivity的布局
2.MainActivity
publicclassMainActivityextendsAppCompatActivityimplementsXRecyclerView.LoadingListener{
privateActivityMainBinding binding;
privateNewsAdapter newsAdapter; //新闻列表的适配器privateNewsVM newsVM; @OverrideprotectedvoidonCreate(Bundle savedInstanceState){
/** * 初始化RecyclerView */privatevoidinitRecyclerView(){
//下拉刷新newsVM.loadRefreshData(); } @OverridepublicvoidMore(){
//上拉加载更多newsVM.loadMoreData(); }}
这⾥也就是做了RecyclerView的初始化，以及设置XRecyclerView的刷新和加载的样式以及回调，还有就是创建了对应的ViewModel对象，可以通过这个对象来完成⼀些操作。这⾥的Activity基本上可以称之为⽐较纯粹的View了，因为确实只做了和UI相关的⼯作。
3.Model层去获取解析⽹络数据，并通过接⼝回调给ViewModel
publicclassNewsModelImplimplementsINewsModel{
privatestaticfinalString TAG = "NewsModelImpl";
@OverridepublicvoidloadNewsData(finalintpage, finalBaseLoadListener loadListener){ NewsData()
.subscribeOn(Schedulers.io()) .observeOn(AndroidSchedulers.mainThread()) .subscribe(newDisposableObserver() {
@OverridepublicvoidonNext(@NonNull NewsBean newsBean){ Log.i(TAG, "onNext: ");
loadListener.loadSuccess(simpleNewsBeanList); } } }
@Overridepublicvoid(@NonNull Throwable throwable){ Log.i(TAG, ": "+ Message());
loadListener.Message()); }
@OverridepublicvoidonComplete(){ Log.i(TAG, "onComplete: "); loadListener.loadComplete(); }}
4.ViewModel
publicclassNewsVMimplementsBaseLoadListener{
privatestaticfinalString TAG = "NewsVM";
privateINewsModel mNewsModel;
privateINewsView mNewsView;
privateNewsAdapter mAdapter;
privateintcurrPage = 1; //当前页数privateintloadType; //加载数据的类型publicNewsVM(INewsView mNewsView, NewsAdapter mAdapter){
this.mNewsView = mNewsView;
this.mAdapter = mAdapter; mNewsModel = newNewsModelImpl(); getNewsData(); } /** * 第⼀次获取新闻数据
*/privatevoidgetNewsData(){ loadType = MainConstant.LoadData.FIRST_LOAD; mNewsModel.loadNewsData(currPage, this); } /** * 获取下拉刷新的数据 */publicvoidloadRefreshData(){ loadType = MainConstant.LoadData.REFRESH; currPage = 1; mNewsModel.loadNewsData(currPage, this); } /** * 获取上拉加载更多的数据 */publicvoidloadMoreData(){ loadType = MainConstant.LoadData.LOAD_MORE; currPage++; mNewsModel.loadNewsData(currPage, this); }
@OverridepublicvoidloadSuccess(List list){
if(currPage > 1) {
//上拉加载的数据mAdapter.loadMoreData(list); } else{
//第⼀次加载或者下拉刷新的数据freshData(list); } } @OverridepublicvoidloadFailure(String message){
// 加载失败后的提⽰if(currPage > 1) {
//加载失败需要回到加载之前的页数currPage--; } mNewsView.loadFailure(message); } @OverridepublicvoidloadStart(){ mNewsView.loadStart(loadType); } @OverridepublicvoidloadComplete(){ mNewsView.loadComplete(); }}
android retrofit这⾥，⼤家应该看到了我只是做了数据和业务逻辑的处理，并没有任何更新UI的操作，也没有通过binding对象去操作UI，所有的UI都是通过view接⼝回调到activity去处理。再次强调⼀下ViewModel中持有的对象是view和mode这两个接⼝，处理的是业务逻辑，⽽不应该是databing对象，对ui的具体操作还是应该放在view层。
5.Adapter
publicclassNewsAdapterextendsBaseAdapter{
publicNewsAdapter(Context context){
super(context); }
@OverridepublicBaseViewHolder onCreateVH(ViewGroup parent, intviewType){ ViewDataBinding dataBinding = DataBindingUtil.inflate(inflater, R.layout.item_news, parent, false);
returnnewBaseViewHolder(dataBinding); }
@OverridepublicvoidonBindVH(BaseViewHolder baseViewHolder, intposition){ ViewDataBinding binding =
binding.setVariable(BR.position,position); binding.setVariable(BR.adapter,this); utePendingBindings(); //防⽌闪烁}
/** * 点赞 * * @paramsimpleNewsBean * @paramposition */publicvoidclickDianZan(SimpleNewsBean simpleNewsBean, intposition){
if(()) { simpleNewsBean.isGood.set(false); ToastUtils.show(mContext, "取消点赞 position="+ position); } else{ simpleNewsBean.isGood.set(true); ToastUtils.show(mContext, "点赞成功 position="+ position); } }}
看到这⾥应该⽐较惊讶吧，我们的onBindViewHolder()⾥⾯没有任何的更新UI的操作，没有⼀对的setXX()，只是设置了⼏个变量，以及⼀个点击⽅法⽽已。
6.item_news，列表的item的布局
adapter.clickDianZan(simpleNewsBean,position)}"app:resId="@{simpleNewsBean.isGood ? R.mipmap.dianzan_press :
R.mipmap.dianzan_normal }"/>
注意：
1.这个ImageView的onclick⽅法是通过lambda表达式来实现的，它的点击事件事件就是adapter的clickDianZan()⽅法来完成的，⾥⾯引⼊的⼏个变量都是在adapter中设置的。
2.因为我们没有 获取具体的binding类型，所以我们通过调⽤setVariable(a,b)来设置。 a代表：通过BR类来查xml中variable标签中属性name定义的名字 ，b代表：事件或数据。当然，你也可以根据item布局对应的具体的Binding来实现，⽐如这⾥就是ItemNewsBinding
3.⾃定义属性通过BindingAdapter来实现
adapter.clickDianZan(simpleNewsBean,position)}"app:resId="@{simpleNewsBean.isGood ? R.mipmap.dianzan_press :
R.mipmap.dianzan_normal }"/>publicclassImageHelper{
/** * mv_vm xml 传⼊url 加载图⽚ * imageUrl 为xml中 的命名 * * @paramiv imageView * @paramurl 图⽚路径
*/@BindingAdapter({"imageUrl"})
publicstaticvoidloadImage(ImageView iv, String url){ Glide.Context()).load(url).into(iv); }
/** * mv_vm xml 设置 mipmap Resource * * @paramiv imageView * @paramresId resource id */@BindingAdapter({"resId"})
publicstaticvoidloadMipmapResource(ImageView iv, intresId){ iv.setImageResource(resId); }}
⼤家可以下载源码查看，有什么问题可以给我留⾔。
责任编辑：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。