MD风格Mvp—RxJava2应用,MVP初体验
2017-09-07 11:54
369 查看
关于我,欢迎关注
csdn博客:ccapton(http://blog.csdn.net/ccapton) 微信:Ccapton
Github: (https://www.github.com/ccapton)
个人博客:http://www.ccapton.cn
项目地址
https://github.com/Ccapton/Mvp-RxJava2
Demo apk:
http://git.oschina.net/ccapton/Files/raw/master/ccapton_mvp.apk
![](http://upload-images.jianshu.io/upload_images/7287689-6235f0f668fcb2d8.gif?imageMogr2/auto-orient/strip)
![](http://upload-images.jianshu.io/upload_images/7287689-472261a055b24088.gif?imageMogr2/auto-orient/strip)
![](http://upload-images.jianshu.io/upload_images/7287689-f5afa58220a482a5.gif?imageMogr2/auto-orient/strip)
波尼音乐Githubdi地址
https://github.com/wangchenyan/PonyMusic
之前,我写android代码涉及到数据与视图关系时,都是直接将数据加载到视图中,例如在RecyclerView.Adapter中的onBindViewHolder方法中
例如:
articleList 为通过网络获取解析后得到的Article集合。通过上面的代码可以看到,articleList是个全局变量,要么在RecyclerView.Adapter子类中,要么在Activity、Fragment中。这样的话如果要修改articleList中的数据,势必在Activity、Fragment或是RecyclerView.Adapter子类中操作,一两个数据集合不见得多几行代码,要是有4-5个或者更多呢?这样这些“容器”肯定会臃肿的非常厉害。这时就要对数据、视图与逻辑控制进行业务分离,即数据层、视图层与控制层要明确各种的工作,要做到分工明确又合作通畅。于是MVC与MVP模式便是我们整理代码逻辑的重要方式。关于MVC这里就不多说了,我直接来谈它的进化版MVP。
我通过阅读一篇文章 http://www.jianshu.com/p/9a6845b26856/ 对MVP模式有了一些理解。下面这段总结是精华
在MVP模式里通常包含4个要素:
(1) View :负责绘制UI元素、与用户进行交互(在Android中体现为Activity);
(2) View interface :需要View实现的接口,View通过View interface与Presenter进行交互,降低耦合,方便进行单元测试;
(3) Model :负责存储、检索、操纵数据(有时也实现一个Model interface用来降低耦合);
(4) Presenter :作为View与Model交互的中间纽带,处理与用户交互的负责逻辑。
![](http://upload-images.jianshu.io/upload_images/7287689-fc4e72373de3688f.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
用我的话总结起来,MVP最重要的点:是实现数据(Model)与视图(View)的分离。
在构建好MVP代码后,通常情况我们
1、先需要在Activity(Fragment)中实现View接口(此View非彼View),将其泛型设置为对应的Presenter,实现其抽象方法;例如:
2、然后新建Presenter子类对象(View作为参数),通过Presenter内定义的方法将Bean数据(例如:Article对象)加载到数据层(Model)中,并将数据加载到视图层(View)中;例如在RecyclerView.Adapter中的onBindViewHolder方法中
3、然后在第一步实现的抽象方法中,通过Presenter进行具体的视图(View)加载数据(Model)操作;例如:
以上是我的MVP调用代码,看似比之前直接将数据设置到视图中代码量多是吧。但将数据操作的大量代码封装进了Model层中,Presenter就可以直接调用达到修改数据的目的,就可以在Activity中省下一大段代码了。
说了那么多,还有朋友不知道怎么写MVP代码,这是一个既简单又有点恶心的步骤,下面是我为这个应用写的MVP代码,虽然没有封装其他数据操作的方法,但是对于理解MVP来说够用了吧。
首先是两个接口(IView、IModel)和一个抽象类IPresenter
IView.java
IModel.java
IPresenter.java
接下来是上面三个父类的具体实现子类 Activity、ArticleModel、 ArticlePresenter
Acitivity只需要实现IView接口即可,并实现其抽象方法。上面已经给出了代码
ArticleModel.java
ArticlePresenter.java
通过上面代码可以看出,ArticlePresenter实现了父类的saveData(Object object),setData(Objec object)和getData()方法。
·getData():从IModel子类(ArticleModel)对象中返回具体的数据
·saveData(Object object):通过IModel子类(ArticleModel)对象iModel的set(object)方法将数据存入Model中,等待调用。
·setData(Objec object):通过Activity(IView子类)对象iView的setDataOnView(ArticlePresenter.this,view)操作,将数据加载到视图中。
至此,我对于MVP模式的理解到此为止,欢迎朋友们与我交流探讨!
下面是这个Demo用到的各种库与框架:
欢迎大家来踩我的Github https://github.com/ccapton 、博客 http://ccapton.cn
csdn博客:ccapton(http://blog.csdn.net/ccapton) 微信:Ccapton
Github: (https://www.github.com/ccapton)
个人博客:http://www.ccapton.cn
项目地址
https://github.com/Ccapton/Mvp-RxJava2
Demo apk:
http://git.oschina.net/ccapton/Files/raw/master/ccapton_mvp.apk
![](http://upload-images.jianshu.io/upload_images/7287689-6235f0f668fcb2d8.gif?imageMogr2/auto-orient/strip)
![](http://upload-images.jianshu.io/upload_images/7287689-472261a055b24088.gif?imageMogr2/auto-orient/strip)
![](http://upload-images.jianshu.io/upload_images/7287689-f5afa58220a482a5.gif?imageMogr2/auto-orient/strip)
波尼音乐Githubdi地址
https://github.com/wangchenyan/PonyMusic
之前,我写android代码涉及到数据与视图关系时,都是直接将数据加载到视图中,例如在RecyclerView.Adapter中的onBindViewHolder方法中
例如:
@Override public void onBindViewHolder(ViewHolder holder, int position) { TextView titleTv=((TextView)holder.itemView.findViewById(R.id.titleTv)); titleTv.setText(articleList.get(position)); }
articleList 为通过网络获取解析后得到的Article集合。通过上面的代码可以看到,articleList是个全局变量,要么在RecyclerView.Adapter子类中,要么在Activity、Fragment中。这样的话如果要修改articleList中的数据,势必在Activity、Fragment或是RecyclerView.Adapter子类中操作,一两个数据集合不见得多几行代码,要是有4-5个或者更多呢?这样这些“容器”肯定会臃肿的非常厉害。这时就要对数据、视图与逻辑控制进行业务分离,即数据层、视图层与控制层要明确各种的工作,要做到分工明确又合作通畅。于是MVC与MVP模式便是我们整理代码逻辑的重要方式。关于MVC这里就不多说了,我直接来谈它的进化版MVP。
我通过阅读一篇文章 http://www.jianshu.com/p/9a6845b26856/ 对MVP模式有了一些理解。下面这段总结是精华
在MVP模式里通常包含4个要素:
(1) View :负责绘制UI元素、与用户进行交互(在Android中体现为Activity);
(2) View interface :需要View实现的接口,View通过View interface与Presenter进行交互,降低耦合,方便进行单元测试;
(3) Model :负责存储、检索、操纵数据(有时也实现一个Model interface用来降低耦合);
(4) Presenter :作为View与Model交互的中间纽带,处理与用户交互的负责逻辑。
![](http://upload-images.jianshu.io/upload_images/7287689-fc4e72373de3688f.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
用我的话总结起来,MVP最重要的点:是实现数据(Model)与视图(View)的分离。
在构建好MVP代码后,通常情况我们
1、先需要在Activity(Fragment)中实现View接口(此View非彼View),将其泛型设置为对应的Presenter,实现其抽象方法;例如:
public class MainActivity extends BaseActivity implements IView<ArticlePresenter>,View.OnClickListener
2、然后新建Presenter子类对象(View作为参数),通过Presenter内定义的方法将Bean数据(例如:Article对象)加载到数据层(Model)中,并将数据加载到视图层(View)中;例如在RecyclerView.Adapter中的onBindViewHolder方法中
@Override public void onBindViewHolder(ViewHolder holder, int position) { ArticlePresenter presenter=new ArticlePresenter(MainActivity.this); presenter.saveData(articles.get(position)); presenter.setDataOnView(holder.itemView); }
3、然后在第一步实现的抽象方法中,通过Presenter进行具体的视图(View)加载数据(Model)操作;例如:
@Override public void setDataOnView(final ArticlePresenter presenter, View view) { TextView view1= (TextView) view.findViewById(R.id.title); TextView view2= (TextView) view.findViewById(R.id.author); TextView view3= (TextView) view.findViewById(R.id.date); view1.setText(((Article)presenter.getData()).getTitle()); view2.setText(((Article)presenter.getData()).getAuthor()); view3.setText(((Article)presenter.getData()).getDate()); RelativeLayout article_item = (RelativeLayout) view.findViewById(R.id.article_item); article_item.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { startActivity(WebActivity.class,((Article)presenter.getData()).getId()); } }); }
以上是我的MVP调用代码,看似比之前直接将数据设置到视图中代码量多是吧。但将数据操作的大量代码封装进了Model层中,Presenter就可以直接调用达到修改数据的目的,就可以在Activity中省下一大段代码了。
说了那么多,还有朋友不知道怎么写MVP代码,这是一个既简单又有点恶心的步骤,下面是我为这个应用写的MVP代码,虽然没有封装其他数据操作的方法,但是对于理解MVP来说够用了吧。
首先是两个接口(IView、IModel)和一个抽象类IPresenter
IView.java
public interface IView<IPresenter>{ /** * 等待Present调用的方法,子类(例如Activity,Fragment)实现其具体代码 * @param iPresenter 返回的iPresenter本体对象 * @param view 你要加载的具体视图;例如在RecyclerView中, * onBindViewHolder方法里的viewHolder.itemView; */ void setDataOnView(IPresenter iPresenter,View view); }
IModel.java
public interface IModel{ /** * 设置Bean数据 * @param object */ void set(Object object); /** * 获取Bean数据 * @return */ Object get(); }
IPresenter.java
public abstract class IPresenter{ IView<IPresenter> iView; //Activity,Fragment实现此接口,等待IPresenter子类对象 回调 setDataOnView()方法 IModel iModel; //数据模型,不暴露给Activity,Fragment等IView子类 /** * 以IView子类作为参数的构造函数 * @param iView 例如,Activity.this */ public IPresenter(IView<IPresenter> iView){ this.iView=iView; } /** * 传入view,IPresenter子类将从Model层中获取Bean数据,再加载到view中(用于ListView,RecycerView等列表视图) * @param view */ public abstract void setDataOnView(View view); /** * 设置Bean数据到Model层的IModel子类中去 * @param object Bean数据对象,例如Article对象 */ public abstract void saveData(Object object); /** * 从Model层获取Bean数据 * @return */ public abstract Object getData(); }
接下来是上面三个父类的具体实现子类 Activity、ArticleModel、 ArticlePresenter
Acitivity只需要实现IView接口即可,并实现其抽象方法。上面已经给出了代码
ArticleModel.java
public class ArticleModel implements IModel { private Article mArticle=new Article(); @Override public void set(Object object) { mArticle= (Article) object; } @Override public Object get() { return mArticle; } }
ArticlePresenter.java
public class ArticlePresenter extends IPresenter{ public ArticlePresenter(IView iView){ super(iView); this.iModel=new ArticleModel(); } @Override public void setDataOnView(View view) { iView.setDataOnView(ArticlePresenter.this,view); } @Override public void saveData(Object object) { iModel.set(object); } @Override public Object getData() { return this.iModel.get(); } }
通过上面代码可以看出,ArticlePresenter实现了父类的saveData(Object object),setData(Objec object)和getData()方法。
·getData():从IModel子类(ArticleModel)对象中返回具体的数据
·saveData(Object object):通过IModel子类(ArticleModel)对象iModel的set(object)方法将数据存入Model中,等待调用。
·setData(Objec object):通过Activity(IView子类)对象iView的setDataOnView(ArticlePresenter.this,view)操作,将数据加载到视图中。
至此,我对于MVP模式的理解到此为止,欢迎朋友们与我交流探讨!
下面是这个Demo用到的各种库与框架:
compile 'com.android.support:design:25.3.1' compile 'com.lapism:searchview:5.0.0-alpha4' compile 'com.scwang.smartrefresh:SmartRefreshLayout:1.0.3' compile 'com.scwang.smartrefresh:SmartRefreshHeader:1.0.3' compile 'de.hdodenhof:circleimageview:2.1.0' compile 'me.xiaopan:sketch:2.4.1' compile 'online.osslab:CircleProgress:1.0.0' compile 'com.github.Ccapton:Android-ColorfulProgressBar:1.0.5' compile 'cn.hugeterry.coordinatortablayout:coordinatortablayout:1.1.0' compile 'com.jakewharton:butterknife:8.8.1' annotationProcessor 'com.jakewharton:butterknife-compiler:8.8.1' compile 'io.reactivex.rxjava2:rxandroid:2.0.1' compile 'io.reactivex.rxjava2:rxjava:2.1.3' compile 'com.squareup.okhttp3:okhttp:3.8.1' compile 'com.github.bumptech.glide:glide:3.8.0' annotationProcessor 'com.github.bumptech.glide:compiler:4.0.0' compile 'com.just.agentweb:agentweb:2.0.0' compile 'com.blankj:utilcode:1.8.5'
欢迎大家来踩我的Github https://github.com/ccapton 、博客 http://ccapton.cn
相关文章推荐
- Rxjava+Retrofit+MVP MD风格 的阅读类APP-HiReader
- 基于MVP-RxJava-Retrofit的MD风格阅读软件
- Android——MVP+xRecyclerView+Retrofit+OkHttp+RxJava结合应用
- Material Design 风格 结合使用 Retrofit RxJava Jsoup Mvp 模式的一款资讯类 学习 app
- 史上最适合 MVP 初学者学习的 DEMO,整体运用 OKhttp+Mvp+MD 风格设计
- Android开源项目 MVP+MD+Retrofit+RxJava 看了你会上瘾的
- RxJava+Retrofit+MVP
- 快速构建Windows 8风格应用15-ShareContract构建 推荐
- 快速构建Windows 8风格应用14-ShareContract概述及原理
- 快速构建Windows 8风格应用29-捕获图片与视频
- MVp+RXJava+Retrofit+RecyclerView展示首页和详情页
- VC.NET界面编程中关于的ToolBar(工具栏)的编程应用(二)2008/07/01 19:22 上回说到给工具栏上添加IE风格的下拉菜单按钮,我们通过设置工具栏按钮的风格已经完成了下拉菜单按钮的添加,现在我们准备为下拉菜单按钮中响应下拉箭头部分的实现
- 快速构建Windows 8风格应用19-基础控件II
- 第66讲:Scala并发编程实战初体验及其在Spark源码中的应用解析
- Scala并发编程实战初体验及其在Spark源码中的应用解析之Scala学习笔记-56
- MVP+Dagger2+Retrofit2.0+Rxjava
- 第66讲:Scala并发编程实战初体验及其在Spark源码中的应用解析
- Android中MVP模式的简单应用
- 一步一步带你认识MVP+Retrofit+Rxjava并封装(二)
- 第二十六章、MVP应用构架模式