码迷,mamicode.com
首页 > 移动开发 > 详细

Android 初识 MVC、MVP框架

时间:2016-05-06 15:40:53      阅读:276      评论:0      收藏:0      [点我收藏+]

标签:

转载请标明出处: http://blog.csdn.net/airsaid/article/details/51315096
本文出自:周游的博客

前言

MVC、MVP、MVVP相信大家已经耳熟能详了,作为Android最出名的三个框架,它们的应用是非常的广泛。这篇博客就来简单介绍下其中二种框架。也加强下自己对这方面的了解。由于自己菜鸟一枚,有不对和需要补充的地方欢迎评论~

MVC

MVC全名是:Model(模型) View(视图) Controller(控制器) 是软件架构中最常见的框架,简单来说,就是通过Controller的控制去操作Model层的数据,并且返回给View作展示,具体见下图:
技术分享
当用户触发了一个事件,View层会将这个事件发送给Controller控制层,然后Controller会通知Model层更新数据,Model层更新完数据之后会直接显示在View层上,这就是MVC的工作原理了。

说到这里可能就有人会说了,明明一个Activity就能搞定的事,为什么还分三个类来写,烦不烦?

So,那为什么要采用架构设计呢?

通过设计,可以使我们的程序模块化,做到模块内部的高聚合和模块之间的低耦合。这样做的好处是,当我们在开发中只需专注一点即可!提高程序的开发效率,并且更容器做后期的测试以及定位问题。但是,我们不能为了设计而设计,为了架构而架构。对于不同量级的工程,具体的架构实现方法必然是不同的。

在Android中,MVC的应用无处不在,如:我们经常写的layout.xml就对应MVC的View层,里面都是一些View的布局代码,而各种JavaBean和Adapter就类似与MVC中的Model层,Activity就是Controller层了。下面用一个登录的小例子来演示一下。

首先看下常规写法,把所有逻辑都放在Activity里面的:
* activity_login.xml布局:

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:stretchColumns="1"
    tools:context="com.airsaid.mvcdemo.LoginActivity">

    <TableRow>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="用户名:" />

        <EditText
            android:id="@+id/et_login_username"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="请输入用户名" />
    </TableRow>

    <TableRow>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="密码:" />

        <EditText
            android:id="@+id/et_login_password"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="请输入密码" />
    </TableRow>

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:onClick="login"
        android:text="登录" />

</TableLayout>
  • LoginActivity代码:
public class LoginActivity extends AppCompatActivity {

    private EditText mUsername;
    private EditText mPassword;
    private ProgressDialog dialog;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);
        initView();
    }

    private void initView() {
        dialog = new ProgressDialog(this);
        mUsername = (EditText) findViewById(R.id.et_login_username);
        mPassword = (EditText) findViewById(R.id.et_login_password);
    }

    // 登录
    public void login(View v){
        String username = mUsername.getText().toString();
        String password = mPassword.getText().toString();
        final User user = new User();
        user.username = username;
        user.password = password;

        if(checkUser(user)){
            dialog.show();
            // 模拟请求登录接口
            new Thread(new Runnable() {
                @Override
                public void run() {
                    // 模拟耗时操作
                    SystemClock.sleep(2000);

                    if ("123".equals(user.username) && "123".equals(user.password)){
                        runOnUiThread(new Runnable() {
                            @Override
                            public void run() {
                                onLoginSuccess();
                            }
                        });

                    }else{
                        runOnUiThread(new Runnable() {
                            @Override
                            public void run() {
                                onLoginError();
                            }
                        });
                    }
                }
            }).start();
        }else{
            Toast.makeText(getApplicationContext(), "用户名或密码不能为空", Toast.LENGTH_SHORT).show();
        }
    }

    /**
     * 登录成功
     */
    private void onLoginSuccess() {
        Toast.makeText(getApplicationContext(), "登录成功", Toast.LENGTH_SHORT).show();
        dialog.dismiss();
    }

    /**
     * 登录失败
     */
    private void onLoginError() {
        Toast.makeText(getApplicationContext(), "登录失败", Toast.LENGTH_SHORT).show();
        dialog.dismiss();
    }

    /**
     * 判断用户输入的信息是否正确
     * @param user
     * @return
     */
    private boolean checkUser(User user) {
        // 在这里由于演示,所以只做简单非空判断,实际开发中会判断更多情况
        if(TextUtils.isEmpty(user.username) || TextUtils.isEmpty(user.password)){
            return false;
        }
        return true;
    }
}
  • UserBean:
public class User {
    public String username;
    public String password;
}

这是一个超级简化版的登录,但是差不多已经有上百行代码了,如果都写出来的话,那么就太多了,所以我们就需要遵循某种模式来进行拆分,下面是用MVC模式进行拆分后的代码:

新增一个类,将请求网络的操作抽取出来(这里由于模拟请求网络所以代码并不多):

public class LoginModel {

    /**
     * 请求网络,发送登录消息
     * @return
     */
    public boolean sendLoginInfo(User user){
        SystemClock.sleep(2000);
        if ("123".equals(user.username) && "123".equals(user.password)){
            return true;
        }else{
            return false;
        }
    }
}

修改Activity中的请求网络为通过创建Model调用方法去判断登录是否成功:

LoginModel loginModel = new LoginModel();
if(loginModel.sendLoginInfo(user)) {
    runOnUiThread(new Runnable() {
        @Override
        public void run() {
            onLoginSuccess();
        }
    });
}else{
    runOnUiThread(new Runnable() {
        @Override
        public void run() {
            onLoginError();
        }
    });
}

到这里一个简单版的MVC抽取就完成了,其实代码并没有少很多,这是因为Activity存在了两部分内容,一部分是业务相关的,一部分是界面相关的。在这里问题就产生了,如果界面复杂或业务多的话,会导致Activity里面的东西会很庞大,V里面的信息就只有一个Layout,而C也就是Activity里的东西则异常庞大。

那么这个时候,我们可以选择将业务部分的代码进行拆分,其对应的模式就是:MVP
如果将Activity中界面相关的内容进行拆分,其对应的模式就是MVVM

下面简单讲解一下MVP模式,MVVM由于涉及到data binding框架,东西比较多,下次再写。

MVP

MVP是从经典的MVC中演变过来的,在思想上,它们有想通的地方:
Controller/Presenter负责逻辑的处理,Model用于提供数据,View负责显示。
技术分享
原来的Model层不变,Activity合并到View层,Presenter用于链接View层和Model层。
下面用MVP模式重构上面的登录小例子:
布局文件和Bean如上,就不贴了。

  • 分包:
    技术分享

    注意:Activity并不是View,setContextView()中的xml文件才是。

  • V (Activity) 代码:

public class LoginActivity extends AppCompatActivity {

    private EditText mUsername;
    private EditText mPassword;
    private ProgressDialog mDialog;
    private LoginPresenter mPresenter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);

        mUsername = (EditText) findViewById(R.id.et_login_username);
        mPassword = (EditText) findViewById(R.id.et_login_password);
        mDialog = new ProgressDialog(this);
        mPresenter = new LoginPresenter(this);
    }

    public void login(View v){
        String username = mUsername.getText().toString();
        String password = mPassword.getText().toString();
        final User user = new User();
        user.username = username;
        user.password = password;
        if(mPresenter.checkUserInfo(user)){
            mDialog.show();
            mPresenter.login(user);
        }else{
            Toast.makeText(getApplicationContext(), "用户名或密码不能为空", Toast.LENGTH_SHORT).show();
        }
    }

    /**
     * 登录成功
     */
    public void loginSuccess() {
        runOnUiThread(new Runnable() {
            @Override
            public void run() {
                Toast.makeText(getApplicationContext(), "登录成功", Toast.LENGTH_SHORT).show();
                mDialog.dismiss();
            }
        });
    }

    /**
     * 登录失败
     */
    public void loginError(){
        runOnUiThread(new Runnable() {
            @Override
            public void run() {
                Toast.makeText(getApplicationContext(), "登录失败", Toast.LENGTH_SHORT).show();
                mDialog.dismiss();
            }
        });
    }
}

P (LoginPresenter)代码:

public class LoginPresenter {

    private LoginActivity mView;

    public LoginPresenter(LoginActivity view){
        this.mView = view;
    }

    /**
     * 校验用户信息
     * @param user 用户信息
     * @return true:校验成功 false:校验失败
     */
    public boolean checkUserInfo(User user){
        // 在这里由于演示,所以只做简单非空判断,实际开发中会判断更多情况
        if(TextUtils.isEmpty(user.username) || TextUtils.isEmpty(user.password)){
            return false;
        }
        return true;
    }

    /**
     * 登录
     * @param user 用户信息
     */
    public void login(final User user){
        new Thread(new Runnable() {
            @Override
            public void run() {
                LoginModel loginModel = new LoginModel();
                if(loginModel.sendLoginInfo(user)){
                    mView.loginSuccess();
                }else{
                    mView.loginError();
                }
            }
        }).start();
    }

}

M(LoginModel)代码:

public class LoginModel {

    /**
     * 请求网络,发送登录消息
     */
    public boolean sendLoginInfo(User user) {
        // 模拟请求网络操作
        SystemClock.sleep(2000);
        if ("123".equals(user.username) && "123".equals(user.password)) {
            return true;
        } else {
            return false;
        }
    }
}

至此,一个简单的MVP模式的登录小例子就出来了,相比于MVC,MVP中的代码已经相当简洁了,各模块之间分工明确。
View层负责和UI进行交互,Model层负责提供数据,Presenter层负责处理业务逻辑并处理Model层和View层的通信。

相信大家也看出来了,MVP主要解决就是把逻辑层给抽出来成P层,还有就是不和MVC中的Molder层可以操作View层一样,而是由Presenter负责通信的角色。这样做的好处是,如果有逻辑上的修改,那么我们直接修改Presenter层的东西就可以了。

到这里,并没有完善,我们还可以扩展下,上面的LoginActivity的构参中,我们传入了一个LoginActivity:

 public LoginPresenter(LoginActivity view){
        this.mView = view;
 }

这里其实并不合理,因为LoginActivity是属于V层的东西,而我们在开发过程中,V层不光会有Activity,也会有Fragment,如果按照上面写,通用性并不好,这个时候,接口开发就派上用场了。

修改构参为接口:

 public LoginPresenter(IUserLoginView  view){
        this.mView = view;
 }

创建IUserLoginView接口:

package com.airsaid.mvpdemo.i;

/**
 * Created by zhouyou on 2016/5/4.
 */
public interface IUserLoginView {

    /**
     * 登录成功
     */
    void loginSuccess();


    /**
     * 登录失败
     */
    void loginError();
}

让LoginActivity去实现这个接口:

public class LoginActivity extends AppCompatActivity implements IUserLoginView

到这里就扩展完成了,这只是一个MVP的简单扩展,具体大家可以看看Android官方的MVP架构实例项目。
在这里推荐一篇相关文章,大家感兴趣可以看看:Android官方MVP架构实例项目解析

Android 初识 MVC、MVP框架

标签:

原文地址:http://blog.csdn.net/airsaid/article/details/51315096

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!