Android框架之MVC模式(以登录为例)

    Android框架现在常见的有MVC模式、MVP模式、MVVM模式。我们首先先明确一个概念:模式是指组织代码的结构方式,模式并不能提高代码的执行效率。模式是为了后续功能的扩展方便和代码的结构清晰而使用的。

    刚开始做Android开发时我们把代码都写在Activity里,这样代码的扩展性和结构清晰并不好。由此演化出Android的MVC模式,本篇文章也主要描述怎么将原来的写法抽取成MVC模式。

    MVC模式即将软件分为三个基本部分:模型(Model)、视图(View)和控制器(Controller)。

    模型(Model)- 用来产生数据(访问网络、数据库等)

    视图(View)- 视图层相关(界面布局控件等相关的代码)

    控制器(Controller)- 逻辑控制层(业务逻辑相关的代码)

 

一、Activity是万能的

首先我们以登录功能为例看一下原来把代码都写到Activity的情况:

布局文件activity_login.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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:gravity="center_horizontal"
    android:orientation="vertical"
    tools:context=".LoginActivity">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="40dp"
        android:layout_marginTop="40dp"
        android:src="@mipmap/ic_launcher_round"/>

    <EditText
        android:id="@+id/et_phone_number"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginEnd="40dp"
        android:layout_marginStart="40dp"
        android:hint="请输入手机号"
        android:inputType="number"
        android:textColor="#333333"
        android:textSize="14sp"/>

    <EditText
        android:id="@+id/et_password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginEnd="40dp"
        android:layout_marginStart="40dp"
        android:layout_marginTop="40dp"
        android:hint="请输入密码"
        android:inputType="textPassword"
        android:textColor="#333333"
        android:textSize="14sp"/>

    <Button
        android:id="@+id/btn_login"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginEnd="40dp"
        android:layout_marginStart="40dp"
        android:layout_marginTop="40dp"
        android:text="登 录"
        android:textColor="#FFFFFF"
        android:textSize="20sp"/>

    <ProgressBar
        android:id="@+id/progressBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:visibility="gone"/>
</LinearLayout>
Activity代码LoginActivity:
public class LoginActivity extends AppCompatActivity implements View.OnClickListener {
    private static final String TAG = "LoginActivity";

    private EditText    etPhoneNumber;
    private EditText    etPassword;
    private Button      btnLogin;
    private ProgressBar progressBar;

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

        etPhoneNumber = (EditText) findViewById(R.id.et_phone_number);
        etPassword = (EditText) findViewById(R.id.et_password);
        btnLogin = (Button) findViewById(R.id.btn_login);
        progressBar = (ProgressBar) findViewById(R.id.progressBar);

        btnLogin.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.btn_login:    //登录
                String phoneNumber = etPhoneNumber.getText().toString().trim();
                String password = etPassword.getText().toString().trim();
                gotoLogin(phoneNumber, password);
                break;
            default:
                break;
        }
    }

    private void gotoLogin(String phoneNumber, String password) {
        //本地对输入情况做校验
        boolean validateOk = validateInput(phoneNumber, password);
        if (validateOk) {
            progressBar.setVisibility(View.VISIBLE);
            String md5Password = MD5Utils.getMd5(password);
            OkHttpUtils
                    .post()
                    .url(Constants.URL_LOGIN)
                    .addParams("phoneNumber", phoneNumber)
                    .addParams("password", md5Password)
                    .build()
                    .execute(new StringCallback() {
                        @Override
                        public void onError(okhttp3.Call call, Exception e, int id) {
                            progressBar.setVisibility(View.GONE);
                            Log.i(TAG, "onError: ---登录访问异常---" + e.getMessage());
                            e.printStackTrace();
                            Toast.makeText(LoginActivity.this, "网络访问出现异常", Toast.LENGTH_SHORT).show();
                        }

                        @Override
                        public void onResponse(String response, int id) {
                            progressBar.setVisibility(View.GONE);
                            Log.i(TAG, "onResponse: 登录成功 response = " + response + " ---");
                            Gson gson = new Gson();
                            LoginData loginData = gson.fromJson(response, LoginData.class);

                            switch (loginData.status) {
                                case 200: //用户名未注册
                                case 201: //密码有误
                                case 203: //登录失败
                                    Toast.makeText(LoginActivity.this, loginData.message, Toast.LENGTH_SHORT).show();
                                    Log.i(TAG, "onResponse: = " + loginData.message);
                                    break;
                                case 202:   //登录成功
                                    Toast.makeText(LoginActivity.this, loginData.message, Toast.LENGTH_SHORT).show();
                                    Log.i(TAG, "onResponse: = " + loginData.message);

                                    //本地保存必要的用户信息
                                    //......

                                    Intent intent = new Intent(LoginActivity.this, LoginSuccessActivity.class);
                                    startActivity(intent);
                                    //登录页面直接消失
                                    finish();
                                    break;
                                default:
                                    Toast.makeText(LoginActivity.this, "登录出现未知异常", Toast.LENGTH_SHORT).show();
                                    break;
                            }
                        }
                    });
        }
    }

    private boolean validateInput(String phoneNumber, String password) {
        if (TextUtils.isEmpty(phoneNumber)) {
            Toast.makeText(this, "手机号不能为空", Toast.LENGTH_SHORT).show();
            return false;
        }
        if (TextUtils.isEmpty(password)) {
            Toast.makeText(this, "密码不能为空", Toast.LENGTH_SHORT).show();
            return false;
        }
        if (!phoneNumber.matches(Constants.STR_PHONE_REGEX2)) {  //匹配正则表达式
            Toast.makeText(this, "请输入正确的手机号", Toast.LENGTH_SHORT).show();
            return false;
        }
        return true;
    }

}

二、实现MVC模式

    要使用MVC模式同样实现上面的登录功能,需要我们将数据相关的代码抽取出来,成为单独的Model层,最终Model层能直接提供登录的用户数据LoginData。

    在项目中先创建一个model包,然后创建LoginModel.java类,即登录的Model层:

//Model层只用来产生数据
public class LoginModel {
    private static final String TAG = "LoginModel";

    public void gotoLogin(String phoneNumber, String md5Password, final OnNetResponseListener listener) {
        OkHttpUtils
                .post()
                .url(Constants.URL_LOGIN)
                .addParams("phoneNumber", phoneNumber)
                .addParams("password", md5Password)
                .build()
                .execute(new StringCallback() {
                    @Override
                    public void onError(okhttp3.Call call, Exception e, int id) {
                        Log.i(TAG, "onError: ---网络访问出现异常---" + e.getMessage());
                        e.printStackTrace();
                        listener.onNetResposeError("网络访问出现异常");
                    }

                    @Override
                    public void onResponse(String response, int id) {
                        Log.i(TAG, "onResponse: 登录成功 response = " + response + " ---");
                        Gson gson = new Gson();
                        LoginData loginData = gson.fromJson(response, LoginData.class);
                        listener.onNetReponseSuccess(loginData);
                    }
                });
    }
    
    public interface OnNetResponseListener {

        void onNetResposeError(String msg);

        void onNetReponseSuccess(LoginData loginData);
    }
}

    其中,由于访问网络是异步操作,所以获取到的数据需要使用回调(即观察者设计模式)的方式返回回去,抽取LoginModel之后原LoginActivity访问网络的代码做相应调整,如下:

public class LoginActivity extends AppCompatActivity implements View.OnClickListener {
    private static final String TAG = "LoginActivity";

    private EditText    etPhoneNumber;
    private EditText    etPassword;
    private Button      btnLogin;
    private ProgressBar progressBar;

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

        etPhoneNumber = (EditText) findViewById(R.id.et_phone_number);
        etPassword = (EditText) findViewById(R.id.et_password);
        btnLogin = (Button) findViewById(R.id.btn_login);
        progressBar = (ProgressBar) findViewById(R.id.progressBar);

        btnLogin.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.btn_login:    //登录
                String phoneNumber = etPhoneNumber.getText().toString().trim();
                String password = etPassword.getText().toString().trim();
                login(phoneNumber, password);
                break;
            default:
                break;
        }
    }

    private void login(String phoneNumber, String password) {
        //本地对输入情况做校验
        boolean validateOk = validateInput(phoneNumber, password);
        if (validateOk) {
            progressBar.setVisibility(View.VISIBLE);
            String md5Password = MD5Utils.getMd5(password);

            LoginModel loginModel = new LoginModel();
            loginModel.gotoLogin(phoneNumber, md5Password, new LoginModel.OnNetResponseListener() {
                @Override
                public void onNetResposeError(String msg) {
                    progressBar.setVisibility(View.GONE);
                    Toast.makeText(LoginActivity.this, msg, Toast.LENGTH_SHORT).show();
                }

                @Override
                public void onNetReponseSuccess(LoginData loginData) {
                    progressBar.setVisibility(View.GONE);
                    switch (loginData.status) {
                        case 200: //用户名未注册
                        case 201: //密码有误
                        case 203: //登录失败
                            Toast.makeText(LoginActivity.this, loginData.message, Toast.LENGTH_SHORT).show();
                            Log.i(TAG, "onResponse: = " + loginData.message);
                            break;
                        case 202:   //登录成功
                            Toast.makeText(LoginActivity.this, loginData.message, Toast.LENGTH_SHORT).show();
                            Log.i(TAG, "onResponse: = " + loginData.message);

                            //本地保存必要的用户信息
                            //......

                            Intent intent = new Intent(LoginActivity.this, LoginSuccessActivity.class);
                            startActivity(intent);
                            //登录页面直接消失
                            finish();
                            break;
                        default:
                            Toast.makeText(LoginActivity.this, "登录出现未知异常", Toast.LENGTH_SHORT).show();
                            break;
                    }
                }
            });

        }
    }

    private boolean validateInput(String phoneNumber, String password) {
        if (TextUtils.isEmpty(phoneNumber)) {
            Toast.makeText(this, "手机号不能为空", Toast.LENGTH_SHORT).show();
            return false;
        }
        if (TextUtils.isEmpty(password)) {
            Toast.makeText(this, "密码不能为空", Toast.LENGTH_SHORT).show();
            return false;
        }
        if (!phoneNumber.matches(Constants.STR_PHONE_REGEX2)) {  //匹配正则表达式
            Toast.makeText(this, "请输入正确的手机号", Toast.LENGTH_SHORT).show();
            return false;
        }
        return true;
    }
}

    这样我们就使用MVC模式同样实现上面的登录功能

三、总结

    我的理解:所谓的MVC模式就是把我们最初代码的数据获取功能的那部分代码抽取成model层。其实在各个端的开发中都有MVC模式,Android作为移动端来说MVC模式和后端并不完全一致。在Android中我更愿意这样来划分:M层是独立出来的,V层和C层的角色都由Activity来承担。有一些人会认为:将XML布局视为V层,将Activity视为控制器,这样Activity读取V视图层的数据。如果这样理解的话,MVP模式中V又是Activity,个人感觉有点混乱

    通过以上的代码,或许我们还是感觉Activity中的代码有些繁杂,因为V层和C层的角色都由Activity来承担,要想更进一步的话,就需要我们再进一步了解MVP模式。

发布了12 篇原创文章 · 获赞 51 · 访问量 5万+
展开阅读全文

Android 当中的 MVC 和 MVP 究竟是如何区分的?

02-12

最近在看架构方面的资料,对于 MVC 和 MVP 有些搞不明白。 MVC: M 层就是用户自己编写的类,页面的逻辑都在这里实现(譬如访问数据库、访问网络、以及各种逻辑操作算法等等),可以总结归纳为 M 层的作用就是“这个页面的功能” V 层就是各种控件,用来接受用户信息(譬如各种按钮、各种编辑框)和展示信息给用户(类如TextView ImageView 等) C 层的概念我有些模糊,看一些博客上讲,它是沟通 M 和 V 的桥梁。我有些搞不懂。 我是这么理解的,我们需要在C 层当中创建 M 层的对象然后调用其相关方法:譬如访问网络方法、存储数据方法,而这些方法所用到的参数就通过V层来获取,同时如果M层有数据返回,那么V层可以直接操作这个返回的数据。 总感觉哪里不太对,请问大家,我这个理解有问题吗? MVP: 在这个模式里,是将Activity或者Fragment作为V层,而将原本 MVC 当中 C 层的沟通逻辑放到了新定义的 P 层当中。 是这样吗? ----------大年二十八update-------------- 我举个例子,譬如实现一个功能,用户输入一个id(数字),然后匹配数据库当中是否有这个id,如果有,就在页面上显示这个id对象的message,如果没有,就显示没有 在 MVC 当中 M 层自然有一个 String search(int id)方法,方法体就是通过id去执行查询 V 层就是获取用户输入的id,以及获取用户的点击查询输入,还有显示查询结果 C 层就是 Activity或者Fragment,我们在 Activity当中创建model对象并调用search方法,并且将V层输入的id作为参数传入。 所谓的M层和V层耦合,就是search方法返回的数据,可以直接调用 V 层的 text.settext(message )来将内容显示出来 我这么理解有问题吗? 问答

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览