美文网首页
Android MVP模式 简单入门实践

Android MVP模式 简单入门实践

作者: 水天滑稽天照八野滑稽石 | 来源:发表于2018-08-01 11:54 被阅读0次

前言

因为公司的项目用的就是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简单实践到此结束

相关文章

网友评论

      本文标题:Android MVP模式 简单入门实践

      本文链接:https://www.haomeiwen.com/subject/crxtmftx.html