前言
因为公司的项目用的就是MVP
所以做下学习笔记了
MVP简介
MVP是Model、View、Presenter的缩写。Model表示模型,主要负责数据的加载;VIew表示视图主要负责视图绑定,界面的展示,界面逻辑跳转等;Presenter是表示器,主要作为View和Model的中间人,完成他们之间的交互,从而实现高内聚低耦合的思想。
用图片来表示差不多就是这样子
正文
首先有请项目目录
image.png
不难看出
MainActivity 对应的就是MVP的V view
MainPresenter 对应的就是MVP中的P presenter
那MainContract 呢?说好的MVP,这明明是CVP啊,M跑哪去了!!!
其实MVP的设计模式有挺多种的,并没有一个统一的标准
这个呢,其实是Google官方提出的一种MVP实现方式
在Google官方的MVP实现方式中,为了弱化了Model的作用,她将Model融入到了Presenter中,而Contract类,中文翻译就是契约类,契约这个词很形象,它作为view和presenter之间的接口,在里面定义了view和presenter上所要实现的方法,然后view和presenter再各自实现其方法,这样能使整个界面的逻辑变得相当清晰。
具体我们就来写一个模拟网络请求获取数据的demo来实现了
因为之前的文章有提到了DataBinding,所以这样也会用到
编程开始
先看下界面吧
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools">
<data>
<variable
name="bean"
type="com.example.zain.mvpdemo.MainBean"/>
</data>
<LinearLayout android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center">
<TextView android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{bean.buttonText}"
android:layout_gravity="center"
android:layout_margin="20dp"
android:hint="Hello World"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="@{bean.text}"
tools:text="获取数据"/>
</LinearLayout>
</layout>
很简单的界面,就一个TextView和Button,主要的功能是点一下获取数据的按钮,模拟从服务器获取数据,然后在textview上显示出来。
MainContarct
public interface MainContract {
interface Presenter{
void loadDate();
}
interface View{
void onDataLoad();
}
}
Contract类相当简单,里面没有实现任何功能,就写了Presenter和View要实现的接口;在Presenter接口中定义了loadData()方法,MainPresenter则需要实现Presenter接口中的LoadData方法,来完成对数据从服务器的拉取;在接口View中定义了onDataLoaded的方法,同样,因为MainActivity应用了接口View,因此需要对onDataLoaded方法进行实现。
MainPresenter
public class MainPresenter implements MainContract.Presenter {
MainContract.View mView;
public MainPresenter(MainContract.View mView) {
this.mView = mView;
}
@Override
public void loadDate() {
String str = "假装自己是从服务器获取到的数据";
new Thread(new Runnable() {
@Override
public void run() {
try {
Thread.sleep(2000);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}).start();
mView.onDataLoad(str);
}
}
MainPresenter是界面数据是实现操作的地方,它implements了MainContact类里Presenter的接口,所以要实现LoadData方法,在里面实现从服务器获取数据(我没写就模拟一下),然后调用View的onDataLoaded方法,将所获取到的数据传递到activity中。这样activity中就可以更新数据了。
需要注意的是
Presenter中必须有一个View的成员变量MainContract.View mView; 不然就不能调用view上面的方法了,mView的初始化,在Presenter变量创建的时候复制,在MainActivity中这样子写
MainActivity
public class MainActivity extends AppCompatActivity implements MainContract.View{
private MainContract.Presenter mPresenter;
private ActivityMainBinding binding;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
binding = DataBindingUtil.setContentView(this,R.layout.activity_main);
mPresenter = new MainPresenter(this);
binding.setOnClick(new View.OnClickListener() {
@Override
public void onClick(View view) {
mPresenter.loadDate();
}
});
}
@Override
public void onDataLoad(String str) {
binding.setStr(str);
}
}
MianActivity的代码非常的简洁
因为使用的是DataBinding,界面组件的绑定都不用写了
可以看到,对数据进行的操作是通过Presenter来实现的
因为MianActivity implements了MianContract里的view接口,所以要把onDataLoad方法给实现了,该方法的主要功能就是将presenter中获取到的数据呈现在界面上,我们这边是将数据显示在界面的textview上。
至此,最简单的MVP Demo就搞定的
如果之后需要加功能,只要在Contract中添加所需要功能的接口,然后再在Presenter和Activity中分别实现就行。
比如我想增加一个新功能:增加一个清空TexiView内容的Button
Layout
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools">
<data>
<variable
name="str"
type="String"/>
<variable
name="onClick"
type="android.view.View.OnClickListener"/>
</data>
<LinearLayout android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center">
<TextView android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{str}"
android:layout_gravity="center"
android:layout_margin="20dp"
android:hint="Hello World"
android:id="@+id/main_text"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:onClick="@{onClick}"
android:text="获取数据"/>
<Button
android:id="@+id/clearClick"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="清空数据"/>
</LinearLayout>
</layout>
增加一个Button;
这里的DataBinding使用很随意,请不要学
MainContract
public interface MainContract {
interface Presenter{
void loadDate();
void clear();
}
interface View{
void onDataLoad(String str);
void onClear();
}
}
在Contract中定义Presenter中clean方法,以及View中的onClean方法就行了
MainPresenter
public class MainPresenter implements MainContract.Presenter {
MainContract.View mView;
public MainPresenter(MainContract.View mView) {
this.mView = mView;
}
@Override
public void loadDate() {
String str = "假装自己是从服务器获取到的数据";
new Thread(new Runnable() {
@Override
public void run() {
try {
Thread.sleep(2000);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}).start();
mView.onDataLoad(str);
}
@Override
public void clear() {
mView.onClear();
}
}
在Presenter实现类中实现clear具体方法,并调用更新界面的onClear方法
MainActivity
public class MainActivity extends AppCompatActivity implements MainContract.View{
private MainContract.Presenter mPresenter;
private ActivityMainBinding binding;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
binding = DataBindingUtil.setContentView(this,R.layout.activity_main);
mPresenter = new MainPresenter(this);
binding.setOnClick(new View.OnClickListener() {
@Override
public void onClick(View view) {
mPresenter.loadDate();
}
});
binding.clearClick.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
mPresenter.clear();
}
});
}
@Override
public void onDataLoad(String str) {
binding.setStr(str);
}
@Override
public void onClear() {
binding.setStr("");
}
}
这样,又一个功能被添加了,是不是很方便,逻辑也很清晰。Activity只需负责界面更新的部分,而数据的获取,全都交由Presenter来实现,高内聚低耦合,对于界面的维护和开发相当有帮助。
当然,我这样写了重复的代码,点击事件的监听是可以优化下的
ezgif.com-video-to-gif.gif
为什么setStr("")显示是Hello World是有原因的,我就不说了
MVP简单实践到此结束
网友评论