| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
sith4465
8年前发布

记一次重构:Android实践从MVC架构到MVP架构

   <p>一直以来,想分享MVP的实战,因为很多项目开始并不是就是mvp架构的,可能是从传统的mvc结构变迁过来的。今天呈详给大家分享的这篇从mvc重构到mvp,让大家既能看到前后的对比,又能突出mvp的优点, 话不多说,看下正文。</p>    <p><strong>一、MVC</strong></p>    <p><strong>1.简介</strong></p>    <p>MVC是目前大多数企业采用J2EE的结构设计,主要适用于交互式的Web应用。在Android中也有体现和使用,但是存在一定的弊端(下面将讲述),于是才有了Android官方推荐的MVP。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/dd545201a5d4ea46527c4f8b9d83fd28.jpg"></p>    <p>在Android的开发过程中,每个层对应如下:     </p>    <p>Model层:对应Java Bean、Database、SharePreference和网络请求等;</p>    <p>View层:对应xml布局、自定义View或ViewGroup;    </p>    <p>Controller层:对应Activity、Fragment;</p>    <p><strong>2.实践</strong></p>    <p>对于理论的理解 ,还是需要结合实际。下面我们将前面文章实现的https登录Demo,使用MVC的方式来进行重构:</p>    <p>项目结构:</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/1898d7f4ea7afb1513f2cbb24d37a6a2.jpg"> <strong> </strong></p>    <p>View层:</p>    <p>activity_login.xml</p>    <pre>  <code class="language-java"><?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:orientation="vertical"     tools:context="com.qunar.hotel.controller.LoginActivity">     <!--登录输入用户名-->     <com.qunar.hotel.view.LoginInputView         android:id="@+id/login_intput_username"         android:layout_width="match_parent"         android:layout_height="wrap_content" />     <!--登录输入密码-->     <com.qunar.hotel.view.LoginInputView         android:id="@+id/login_intput_password"         android:layout_width="match_parent"         android:layout_height="wrap_content" />     <!--登录按钮-->     <Button         android:id="@+id/login_login_button"         android:layout_width="match_parent"         android:layout_height="wrap_content"         android:text="Login" />     <!--登录结果文案-->     <TextView         android:id="@+id/login_result_text"         android:layout_width="match_parent"         android:layout_height="wrap_content" />  </LinearLayout>  </code></pre>    <p>LoginInputView.java</p>    <pre>  <code class="language-java">public class LoginInputView extends LinearLayout {     private TextView title;     private EditText content;     public LoginInputView(Context context, AttributeSet attrs) {         super(context, attrs);         LayoutInflater layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);         layoutInflater.inflate(R.layout.inputview_login, this);         title = (TextView) findViewById(R.id.input_title);         content = (EditText) findViewById(R.id.input_content);     }     /**      * 设置输入项目的标题        * @param title 标题      */     public void setTitle(String title) {         this.title.setText(title);     }     /**      * 获取用户输入的内容      * @return 用户输入的内容      */     public String getContent() {         return content.getText().toString();     }  }  </code></pre>    <p>Model层:<br> LoginModel.java</p>    <pre>  <code class="language-java">public interface LoginModel {     LoginResult loginByUserNameAndPassword(Context context, LoginParam loginParam);  }  </code></pre>    <p>LoginModelImp.java</p>    <pre>  <code class="language-java">public interface LoginModel {     LoginResult loginByUserNameAndPassword(Context context, LoginParam loginParam);  }  </code></pre>    <p>Controller层:<br> LoginActivity.java</p>    <pre>  <code class="language-java">public class LoginActivity extends AppCompatActivity implements View.OnClickListener {     //View层渲染用户登录页面 组件     private LoginInputView userNameInput;     private LoginInputView passWordInput;     private Button loginButton;     private TextView responseTextView;     //Modle层提封装了登录请求数据和行为     private LoginModel loginModel;     private Handler handler = new Handler() {         @Override         public void handleMessage(Message msg) {             super.handleMessage(msg);             switch (msg.what) {                 case 1:                     //Controller层获取Modle更新变化,选择到合适的视图更新显示                     Bundle bundle = msg.getData();                     LoginResult loginResult = (LoginResult) bundle.getSerializable("result");                     responseTextView.setText(loginResult.getMessage());                     break;             }         }     };     @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_login);         userNameInput = (LoginInputView) findViewById(R.id.login_intput_username);         passWordInput = (LoginInputView) findViewById(R.id.login_intput_password);         loginButton = (Button) findViewById(R.id.login_login_button);         responseTextView = (TextView) findViewById(R.id.login_result_text);         loginButton.setOnClickListener(this);         userNameInput.setTitle("UserName:");         passWordInput.setTitle("PassWord:");         loginModel = new LoginModelImp();     }     @Override     public void onClick(View v) {         //接受从View层获取的用户点击,分发到Controller处理         responseTextView.setText("");         //Controller层从View层选择视图,获取用户输入         final String userName = userNameInput.getContent();         final String passWorld = passWordInput.getContent();         new Thread(new Runnable() {             @Override             public void run() {                 //Controller层将用户输入登录信息,发送到Model层执行登录相关逻辑                 LoginParam loginParam = new LoginParam(userName,passWorld);                 LoginResult loginResult = loginModel.loginByUserNameAndPassword(LoginActivity.this,loginParam);                 //Model层获取登录信息后,通知Controller层更新UI                 Message message = handler.obtainMessage();                 message.what = 1;                 Bundle bundle = new Bundle();                 bundle.putSerializable("result", loginResult);                 message.setData(bundle);                 handler.sendMessage(message);             }         }).start();     }  }  </code></pre>    <p style="text-align:center">运行结果:<br> <img src="https://simg.open-open.com/show/f3df8828ba60667cab9f9fe8b422d277.png"></p>    <p>3.优点<br> Controller层起到桥梁作用,在View层和Model层之间通信,使得View层和Modle层分离解耦;<br> <strong>4.缺点</strong><br> 然而,在Android中由于View层的XML控制太弱,Controler层的Activity并没有和View层完全分离。当需要动态改变一个页面的显示(如背景、显示隐藏按钮等),都无法在xml中处理,只能在Activity中处理。造成了Activity即时Controller层又是View层,代码繁冗。<br> <br> <strong>二、MVP<br> 1.简介 </strong><br> MVP模式是MVC模式在Android上的一种变体。在MVC中Activity应该是属于Controller层,而实质上,它即承担了Contrller,也包含了许多View层的逻辑在里面。把Activity中的UI逻辑抽象成View接口,把业务逻辑抽象成Presenter接口,Model类还是原来的Model,这就是MVP;</p>    <p style="text-align:center"><br> <img src="https://simg.open-open.com/show/ed11dc6e5d0d0b3b26e14dc14fe736a9.png"></p>    <p><br> <strong>Model层:</strong> 同MVC,负责处理数据加载或者存储,如从网络或者数据库获取数据等;<br> <strong>View层:</strong> 处理数据展示,用户的交互。在MVP中Activity,Fragment属于该层;<br> <strong>Presenter层:</strong> 是Model层和View层的桥梁,从Model层中获取数据,展示在View层;<br> <strong>2.实践<br> 项目结构: </strong></p>    <p style="text-align:center"><br> <img src="https://simg.open-open.com/show/f2a2e1b57ccf812cb13a26fb05ffe0ef.jpg"></p>    <p><br> <strong>Model层:</strong> 同上mvc<br> <strong>View层:</strong> 同上mvc,但activity在mvp中为view层,重构如下:</p>    <pre>  <code class="language-java">public class LoginActivity extends AppCompatActivity implements View.OnClickListener, LoginContract.View {     private LoginInputView userNameInput;     private LoginInputView passWordInput;     private Button loginButton;     private TextView responseTextView;     private Handler handler = new LoginHander();     private LoginContract.Presenter loginPesenter;     @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_login);         userNameInput = (LoginInputView) findViewById(R.id.login_intput_username);         passWordInput = (LoginInputView) findViewById(R.id.login_intput_password);         loginButton = (Button) findViewById(R.id.login_login_button);         responseTextView = (TextView) findViewById(R.id.login_result_text);         loginPesenter = new LoginPresenter(new LoginModelImp(), this);     }     @Override     protected void onResume() {         super.onResume();         loginPesenter.start();     }     @Override     public void onClick(View v) {         loginPesenter.doLoginRequest(LoginActivity.this);     }     @Override     public void setPresenter(LoginContract.Presenter presenter) {         loginPesenter = presenter;     }     @Override     public void initLoginShow() {         userNameInput.setTitle("UserName:");         passWordInput.setTitle("PassWord:");         loginButton.setOnClickListener(this);     }     @Override     public LoginParam getInputLoginParam() {         final String userName = userNameInput.getContent();         final String passWorld = passWordInput.getContent();         LoginParam loginParam = new LoginParam(userName, passWorld);         return loginParam;     }     @Override     public void sendShowLoginMessage(LoginResult loginResult) {         Message message = handler.obtainMessage();         message.what = 1;         Bundle bundle = new Bundle();         bundle.putSerializable("result", loginResult);         message.setData(bundle);         handler.sendMessage(message);     }     @Override     public void updateLoginResultByMessage(Message message) {         Bundle bundle = message.getData();         LoginResult loginResult = (LoginResult) bundle.getSerializable("result");         updateLoginResultByString(loginResult.getMessage());     }     @Override     public void updateLoginResultByString(String result) {         responseTextView.setText(result);     }     /**      * 登录Handler,处理来自子线程更新登录页面的消息      */     private class LoginHander extends Handler {         @Override         public void handleMessage(Message msg) {             super.handleMessage(msg);             switch (msg.what) {                 case 1:                     updateLoginResultByMessage(msg);                     break;             }         }     }  }  </code></pre>    <p>Presenter层:<br> BasePresenter.java</p>    <pre>  <code class="language-java">public interface BasePresenter {     void start();  }  </code></pre>    <p>BaseView.java</p>    <pre>  <code class="language-java">public interface BaseView<T> {     void setPresenter(T presenter);  }  </code></pre>    <p>LoginContract.java</p>    <pre>  <code class="language-java">public interface LoginContract {     interface View extends BaseView<Presenter> {         /**          * 初始化登录页面显示          */         void initLoginShow();         /**          * 获取输入的登录参数          */         LoginParam getInputLoginParam();         /**          * 发送显示登录结果消息          */         void sendShowLoginMessage(LoginResult loginResult);         /**          * 通过消息更新登录结果          */         void updateLoginResultByMessage(Message message);         /**          * 更新登录结果信息          */         void updateLoginResultByString(String s);     }     interface Presenter extends BasePresenter {         /**          * 执行登录请求          */         void doLoginRequest(Context context);     }  }  </code></pre>    <p>LoginPresenter.java</p>    <pre>  <code class="language-java">public class LoginPresenter implements LoginContract.Presenter {     private final LoginModel loginModel;     private final LoginContract.View loginView;     public LoginPresenter(LoginModel loginModel, LoginContract.View loginView) {         this.loginModel = loginModel;         this.loginView = loginView;         loginView.setPresenter(this);     }     @Override     public void start() {         loginView.initLoginShow();     }     @Override     public void doLoginRequest(final Context context) {         loginView.updateLoginResultByString("");         new Thread(new Runnable() {             @Override             public void run() {                 LoginParam loginParam = loginView.getInputLoginParam();                 LoginResult loginResult = loginModel.loginByUserNameAndPassword(context, loginParam);                 loginView.sendShowLoginMessage(loginResult);             }         }).start();     }  }  </code></pre>    <p><strong>3.优点</strong></p>    <p>降低耦合度,实现了Model和View真正的完全分离,可以修改View而不影响Model;</p>    <p>Activity只处理生命周期的任务,代码变得简洁;</p>    <p><strong>4.代码库</strong></p>    <p>QProject:https://github.com/Pengchengxiang/QProject </p>    <p>分支:feature/mvc_mvp</p>    <p> </p>    <p style="text-align:center"> </p>    <p> </p>    <p>来自:http://mp.weixin.qq.com/s?__biz=MzI2OTQxMTM4OQ==&mid=2247484283&idx=1&sn=755a69057a561a08cef8addf38412c5a&chksm=eae1f629dd967f3f0c5b6de34bc894609e580e1c40a3ab1e4aea0633448e158dbadbd00265c8#rd</p>    <p> </p>    
 本文由用户 sith4465 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1481263411933.html
MVC模式 安卓开发 Android开发 移动开发