Android 架构MVC MVP MVVM+实例(下)

简介: 实例MVC实例代码结构1.在layout创建一个布局文件2.实体类(User)3.MVCLoginActivityMVP实例代码结构1.Model层2.Presenter层3.View层MVVM实例1.Model层2.ViewModel层3.View层实例传送门

实例


微信图片_20220521180517.png


        就这么一个界面咱通过MVC、MVP、MVVM分别搭建一下。


MVC实例


代码结构


微信图片_20220521180521.png


1.在layout创建一个布局文件


1.    <!--缩减版-->
    <LinearLayout
        ...>
        <EditText
            android:id="@+id/et_account"
            .../>
    </LinearLayout>
    <LinearLayout
        ...>
        <EditText
            android:id="@+id/et_password"
            .../>
    </LinearLayout>
    <Button
        android:id="@+id/btn_login"
        .../>
    <Button
        android:id="@+id/btn_back"
        .../>


2.实体类(User)


1.public class User {
    private String name;
    private String password;
    public User() {}
    //set or get ...
    public User(String name, String password) {
        this.name = name;
        this.password = password;
    }
}



3.MVCLoginActivity


//用户点击事件
mvcBinding.mcvLogin.btnLogin.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                user.setName(mvcBinding.mcvLogin.etAccount.getText().toString());
                user.setPassword(mvcBinding.mcvLogin.etPassword.getText().toString());
                login(user);
            }
});
//逻辑处理
private void login(User user){
        if(!user.getName().isEmpty()&&!user.getPassword().isEmpty()){
            if(user.getName().equals("scc001")&&user.getPassword().equals("111111"))
            {
                Toast.makeText(this,"登录成功",Toast.LENGTH_SHORT).show();
            }else{
                Toast.makeText(this,"登录失败",Toast.LENGTH_SHORT).show();
            }
        }else {
            Toast.makeText(this,"登录失败",Toast.LENGTH_SHORT).show();
        }
    }


MVP实例


代码结构


微信图片_20220521180717.png


1.Model层


实体类bean,同MVC中的User类,就不贴代码浪费大家时间了。

Model层所要执行的业务逻辑


/**
  * 功能:接口,表示Model层所要执行的业务逻辑
  */
public interface LoginModel {
    //User实体类;OnLoginFinishedListener presenter业务逻辑的返回结果
    void login(User user, OnLoginFinishedListener listener);
}


实现类(实现LoginModel接口)


/**
  * 功能:实现Model层逻辑
  */
public class LoginModelImpl implements LoginModel {
    //第4步:验证帐号密码
    @Override
    public void login(User user, OnLoginFinishedListener listener) {
        if(user.getName().isEmpty()||!user.getName().equals("scc001")){
            //第5步:Model层里面回调Presenter层listener
            listener.onUserNameError();
        }else if(user.getPassword().isEmpty()||!user.getPassword().equals("111111")){
            //第5步:Model层里面回调Presenter层listener
            listener.onPasswordError();
        }else {
            //第5步:Model层里面回调Presenter层listener
            listener.onSuccess();
        }
    }
}


2.Presenter层


当Model层得到请求的结果,回调Presenter层,让Presenter层调用View层的接口方法。


/**
  * 功能:当Model层得到请求的结果,回调Presenter层,让Presenter层调用View层的接口方法。
  */
public interface OnLoginFinishedListener {
    void onUserNameError();
    void onPasswordError();
    void onSuccess();
}


完成登录的验证,以及销毁当前View。


/**
  * 功能:登录的Presenter的接口,实现类为LoginPresenterImpl,
  * 完成登录的验证,以及销毁当前View。
  */
public interface LoginPresenter {
    //完成登录的验证
    void verifyData(User user);
    //销毁当前View
    void onDestroy();
}


Presenter实现类,引入 LoginModel(model)和LoginView(view)的引用


/**
  * 功能:实现类,引入 LoginModel(model)和LoginView(view)的引用
  */
public class LoginPresenterImpl implements OnLoginFinishedListener, LoginPresenter {
    //View层接口
    private LoginView loginView;
    //Model层接口
    private LoginModel loginModel;
    public LoginPresenterImpl(LoginView loginView) {
        this.loginView = loginView;
        this.loginModel = new LoginModelImpl();
    }
    //第6步:通过OnLoginFinishedListener验证结果回传到Presenter层
    @Override
    public void onUserNameError() {
        if (loginView != null) {
            //第7步:通过loginView回传到View层
            loginView.setUserNameError();
            loginView.hideProgress();
        }
    }
    //第6步:通过OnLoginFinishedListener验证结果回传到Presenter层
    @Override
    public void onPasswordError() {
        if (loginView != null) {
            //第7步:通过loginView回传到View层
            loginView.setPasswordError();
            loginView.hideProgress();
        }
    }
    //第6步:通过OnLoginFinishedListener验证结果回传到Presenter层
    @Override
    public void onSuccess() {
        if (loginView != null) {
            //第7步:通过loginView回传到View层
            loginView.success();
            loginView.hideProgress();
        }
    }
    @Override
    public void verifyData(User user) {
        if (loginView != null) {
            loginView.showProgress();
        }
        //第3步:调用model层LoginModel接口的login()方法
        loginModel.login(user,this);
    }
    @Override
    public void onDestroy() {
        loginView = null;
    }
}


3.View层


布局文件同MVC中的View层,就不贴代码浪费大家时间了。

Presenter与View交互是通过接口。


/**
  * 功能:Presenter与View交互是通过接口。
  * 接口中方法的定义是根据Activity用户交互需要展示的控件确定的。
  */
public interface LoginView {
    //login是个耗时操作,加载中(一般用ProgressBar)
    void showProgress();
    //加载完成
    void hideProgress();
    //login账号失败给出提示
    void setUserNameError();
    //login密码失败给出提示
    void setPasswordError();
    //login成功
    void success();
}


MVPLoginActivity


/**
  * 功能:需要实现LoginView接口。
  */
public class MVPLoginActivity extends AppCompatActivity implements LoginView {
    LoginPresenterImpl loginPresenterImpl;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        ...
        //创建一个Presenter对象
        loginPresenterImpl = new LoginPresenterImpl(MVPLoginActivity.this);
        //第1步:用户点击登录
        mvpBinding.mvpLogin.btnLogin.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                User user = new User();
                user.setName(mvpBinding.mvpLogin.etAccount.getText().toString());
                user.setPassword(mvpBinding.mvpLogin.etPassword.getText().toString());
                //第2步:调用Presenter接口中的验证方法
                loginPresenterImpl.verifyData(user);
            }
        });
    }
    @Override
    public void showProgress() {
        //加载中
    }
    @Override
    public void hideProgress() {
        //加载完成
    }
    @Override
    public void setUserNameError() {
        //第7步:通过loginView回传到View层
        //账号错误
        Toast.makeText(this,"登录失败",Toast.LENGTH_SHORT).show();
    }
    @Override
    public void setPasswordError() {
        //第7步:通过loginView回传到View层
        //密码错误
        Toast.makeText(this,"登录失败",Toast.LENGTH_SHORT).show();
    }
    @Override
    public void success() {
        //第7步:通过loginView回传到View层
        Toast.makeText(this,"登录成功",Toast.LENGTH_SHORT).show();
        //登录成功
    }
    @Override
    protected void onDestroy() {
        super.onDestroy();
        loginPresenterImpl.onDestroy();
    }
}


MVVM实例


微信图片_20220521181021.png


1.Model层


实体类bean,继承BaseObservable


public class User extends BaseObservable{
    private String name;
    private String password;
    public User() {
    }
    //BR 的域则是通过在 get 方法上加 @Bindable 生成的
    @Bindable
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
        //刷新UI
        //BR 的域则是通过在 get 方法上加 @Bindable 生成的
        notifyPropertyChanged(BR.name);
    }
    @Bindable
    public String getPassword() {
        return password;
    }
    public void setPassword(String password) {
        this.password = password;
        //刷新UI
        notifyPropertyChanged(BR.password);
    }
    public User(String name, String password) {
        this.name = name;
        this.password = password;
    }
}


2.ViewModel层


ViewModel类,继承自ViewModel


1.public class LoginViewModel extends ViewModel {
    public User user;
    public User getUser() {
        return user;
    }
    public void setUser(User user) {
        this.user = user;
    }
    public void loginResult() {
        if(user.getName().isEmpty()||!user.getName().equals("scc001")){
            user.setName("scc005");
        }else if(user.getPassword().isEmpty()||!user.getPassword().equals("111111")){
            user.setName("scc004");
        }else {
            user.setName("scc003");
        }
        user.setPassword("111111");
        Log.e("--SCC--","LoginViewModel:"+user.getName()+":"+user.getPassword());
    }
}


3.View层


先看布局文件,布局文件使用了DataBinding。


<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <!--为引入的类从新起一个变量名,方便下面使用-->
        <variable
            name="loginViewModel"
            type="com.scc.architecture.mvvm.viewmodel.LoginViewModel" />
    </data>
    <LinearLayout
        ...>
        <LinearLayout
            ...>
            <EditText
                android:id="@+id/et_account"
                ...
                android:text="@={loginViewModel.user.name}" />
        </LinearLayout>
        <LinearLayout
            ...>
            <EditText
                android:id="@+id/et_password"
                ...
                android:text="@={loginViewModel.user.password}" />
        </LinearLayout>
        <Button
            android:id="@+id/btn_login"
            ...
            android:onClick="login"
            android:text="@string/str_login" />
        <Button
            android:id="@+id/btn_back"
            ...
            android:onClick="back"
            android:text="@string/str_back" />
    </LinearLayout>
</layout>


MVVMLoginActivity


public class MVVMLoginActivity extends AppCompatActivity {
    private LoginViewModel loginVM;
    ActivityMvvmBinding mvvmBinding;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //返回activity_mvvm的实体对象
        mvvmBinding = DataBindingUtil.setContentView(this, R.layout.activity_mvvm);
        mvvmBinding.setLifecycleOwner(this);
        loginVM = new LoginViewModel();
        //创建数据源
        User user = new User( "scc001", "111111");
        //将数据源交给DataBinding
        loginVM.setUser(user);
        //设置et_account:scc001|et_password:111111
        mvvmBinding.setLoginViewModel(loginVM);
    }
    public void login(View view){
        loginVM.loginResult();
    }
    public void back(View view){
        finish();
    }
}


 写到这里MVC、MCP、MVVM和实例基本写完了,但是感觉自己理解的不是很好,有大佬能指点就更好了。最后,希望对你有借鉴意义。


实例传送门

相关文章
|
1月前
|
设计模式 存储 前端开发
MVVM、MVC、MVP三种常见软件架构设计模式的区别
MVC、MVP 和 MVVM 是三种常见的软件架构设计模式,主要通过分离关注点的方式来组织代码结构,优化开发效率。
53 12
|
28天前
|
设计模式 前端开发 Java
【Spring MVC】快速学习使用Spring MVC的注解及三层架构
【Spring MVC】快速学习使用Spring MVC的注解及三层架构
23 1
|
1月前
|
存储 前端开发 数据库
MVC模式和三层架构
MVC模式和三层架构
40 2
|
22天前
|
JSON JavaScript 前端开发
技术经验分享:ExtJS4MVC架构讲解
技术经验分享:ExtJS4MVC架构讲解
11 0
|
2月前
|
前端开发 JavaScript 中间件
基于最新koa的Node.js后端API架构与MVC模式
基于最新koa的Node.js后端API架构与MVC模式
51 1
|
1月前
|
前端开发 测试技术 API
探索安卓应用的架构演进:从MVC到MVVM
本篇文章将深入探讨安卓应用开发中的架构演进,特别关注从传统的MVC(Model-View-Controller)到现代流行的MVVM(Model-View-ViewModel)架构的转变。通过对比两种架构的设计理念、实现方式和实际应用案例,解析MVVM在提高代码可维护性和可测试性方面的优势。
26 0
|
2月前
|
持续交付 Android开发 开发者
构建高性能微服务架构:后端开发的终极指南构建高效Android应用:Kotlin与Jetpack的完美结合
【5月更文挑战第28天】 在现代软件开发的浪潮中,微服务架构已经成为了设计灵活、可扩展且易于维护系统的重要模式。本文将深入探讨如何构建一个高性能的微服务架构,涵盖从基础概念理解到实践策略部署的全过程。我们将讨论关键的设计原则、技术选型、性能优化技巧以及安全性考虑,旨在为后端开发者提供一个全面的指南,帮助他们构建出能够适应快速变化的市场需求和技术挑战的系统。 【5月更文挑战第28天】 在移动开发的世界中,效率和性能是衡量一个应用成功与否的关键因素。本文将深入探讨如何通过结合Kotlin语言和Android Jetpack组件,来构建一个既高效又易维护的Android应用。我们将透过实际案例分析
|
1天前
|
负载均衡 安全 API
探索微服务架构中的API网关模式
【7月更文挑战第18天】在微服务架构中,API网关不仅是流量的守门人,更是服务的协调者。本文将深入探讨API网关的核心作用、设计原则以及实现策略,揭示其在微服务生态系统中不可或缺的地位。通过案例分析,我们将一窥API网关如何优雅地处理服务发现、负载均衡、认证授权等关键任务,同时确保系统的弹性和安全性。
|
2天前
|
Kubernetes API 开发者
探索现代后端开发中的微服务架构
【7月更文挑战第17天】本文深入探讨了微服务架构在现代后端开发中的应用,分析了其设计原则、优势以及面临的挑战。通过具体实例,展示了如何有效实施微服务架构,并讨论了相关技术栈的选择。文章旨在为后端开发者提供微服务实施的指导和最佳实践。
|
3天前
|
消息中间件 负载均衡 网络协议
探索微服务架构中的服务通信模式
【7月更文挑战第16天】在微服务架构的海洋中,服务间的通信宛如细丝相连,维系着整个系统的协同与和谐。本文将深入探讨微服务之间如何通过同步与异步通信模式进行交互,并剖析这些模式背后的技术原理及其对系统性能和可扩展性的影响。我们将从理论到实践,一探究竟。
18 6