Android——MVC、MVP、MVVM框架实现登录示例

最新推荐文章于 2023-12-11 18:41:01 发布
最新推荐文章于 2023-12-11 18:41:01 发布
阅读量1.5k 收藏 25
点赞数 13
分类专栏： Android 杂记 文章标签： android java mvvm mvp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/News53231323/article/details/120953821
版权
Android 同时被 2 个专栏收录
82 篇文章 65 订阅
订阅专栏
杂记
12 篇文章 0 订阅
订阅专栏

MVC、MVP、MVVM框架实现登录示例

MVC

描述

自如其意，MVC分为三部分：M层、V层、C层。
M层：model层，主要用于逻辑处理。
V层：view层，主要指Activity、Dialog、Fragment,用于视图展示。
C层：controller层，用于视图层与数据层交互，此处由Activity充当。

缺点

视图层与数据层没有完成解耦，随着逻辑增多，会使Activity非常拥堵。

优点

比一个文件闯天下，稍微好一点

MVP

效果图

在这里插入图片描述

描述

自如其意，MVP分为三部分：M层、V层、P层。
M层：model层，主要用于逻辑处理。
V层：view层，主要指Activity、Dialog、Fragment,用于视图展示。
P层：presenter层，用于视图层与数据层交互。通过接口实现交互。

缺点

随着逻辑增多，用于实现视图层与数据层交互的接口数据就会增多

优点

数据层与视图层完成解耦

代码解析

视图效果图

建立实体类

public class User{
    private String UserName;
    private String PassWord;
    public User(String UserName,String PassWord){
        this.PassWord = PassWord;
        this.UserName = UserName;
    }
    public User(){

    }

    public String getUserName() {
        return UserName;
    }

    public void setUserName(String userName) {
        UserName = userName;
    }

    public String getPassWord() {
        return PassWord;
    }

    public void setPassWord(String passWord) {
        PassWord = passWord;
    }
}

建立实体类接口

public interface IUser {
    boolean LoginAccount(String userName,String passWord);
}

实现实体类接口

public class exeLogin implements IUser {
    private User user;
    @Override
    public boolean LoginAccount(String userName,String passWord) {
        if (userName.equals( "admin" ) && passWord.equals( "123456" )){
            user = new User(  );
            user.setUserName( userName );
            user.setPassWord( passWord );
            return true;
        }
        return false;
    }
}

设置P层

public class LoginPresenter {
    private exeLogin exeLogin;
    private IMain iMain;
    public LoginPresenter(IMain iMain){
        this.iMain = iMain;
        exeLogin = new exeLogin();
    }
    public void Login(){
        String userName = iMain.getUserName();
        String passWord = iMain.getPassWord();
        boolean isSuccess = exeLogin.LoginAccount( userName,passWord  );
        iMain.Login( isSuccess );
    }

}

建立交互接口

public interface IMain {
    String getUserName();
    String getPassWord();
    void Login(Boolean isLoginSuccess);
}

数据绑定

public class MainActivity extends AppCompatActivity implements IMain{
    private EditText userName,passWord;
    private Button btnLogin;
    private Context context = null;
    private LoginPresenter loginPresenter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate( savedInstanceState );
        setContentView( R.layout.activity_main );
        InitView();
        Listener();
    }
    private void InitView(){
        userName = findViewById( R.id.username );
        passWord = findViewById( R.id.password );
        btnLogin = findViewById( R.id.login );
        loginPresenter = new LoginPresenter( this );
        if (context == null){
            context = MainActivity.this;
        }
    }
    private void Listener(){
        btnLogin.setOnClickListener( new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                loginPresenter.Login();
                Log.d( "TAG","click success" );
            }
        } );
    }

    @Override
    public String getUserName() {
        return userName.getText().toString().trim();
    }

    @Override
    public String getPassWord() {
        return passWord.getText().toString().trim();
    }

    @Override
    public void Login(Boolean isLoginSuccess) {
        if (isLoginSuccess){
            Toast.makeText( MainActivity.this,"Success",Toast.LENGTH_SHORT ).show();
            Log.d( "TAG","Success" );
        }else {
            Toast.makeText( MainActivity.this,"Fail",Toast.LENGTH_SHORT ).show();
            Log.d( "TAG","Fail" );
        }

    }
}

MVVM

效果图

在这里插入图片描述

描述

Model层：
数据处理
View层
实体
ViewModel：
实现视图与数据的交互，将二者分离，实现解耦

代码解析

导入dataBinding

dataBinding {
            enabled = true
        }
实体类
public class User extends BaseObservable {
    public String mUserName;
    public String mPassWord;
    public User(){

    }
    public User(String mUserName,String mPassWord){
        this.mUserName = mUserName;
        this.mPassWord = mPassWord;
    }
    @Bindable
    public String getmUserName() {
        return mUserName;
    }
    /**
     * @param mUserName */
    public void setmUserName(String mUserName) {
        this.mUserName = mUserName;
        notifyPropertyChanged( BR.mUserName );

    }
    @Bindable
    public String getmPassWord() {
        return mPassWord;
    }
    /**
     * @param mPassWord */
    public void setmPassWord(String mPassWord) {
        this.mPassWord = mPassWord;
        notifyPropertyChanged( BR.mPassWord );

    }
}

添加 @Bindable，作为xml绑定字段

    @Bindable
    public String getmUserName() {
        return mUserName;
    }

BR是一个自动生成的类，大致内容为将每一个字段添加ID，通过notifyPropertyChanged实现数据更新

    /**
     * @param mUserName */
    public void setmUserName(String mUserName) {
        this.mUserName = mUserName;
        notifyPropertyChanged( BR.mUserName );

    }
建立viewmodel
public class ViewModel {
    private ActivityMainBinding binding;
    public User user;
    public ViewModel(ActivityMainBinding binding,User user){
        this.binding = binding;
        this.user = user;
    }
    public void Login(View view){
        if (user.getmUserName().equals( "admin" ) && user.getmPassWord().equals( "123456" )){
            Log.d( "TAG","success" );
        }else {
            Log.d( "TAG","fail" );
        }
        Log.d( "TAG",user.getmUserName()+"" );
        Log.d( "TAG",user.getmPassWord()+"" );
    }
}
xml绑定数据

注意视图绑定数据层字段时，一个等于=符号产生不同结果，如果没有等于，我在输入框输入的数据，实体类数据不会刷新，加上等号，完成数据双向绑定。

密码输入框中输入123456

   android:text="@={viewmodel.user.mPassWord}"

在这里插入图片描述
密码输入框中输入123456，而打印出来是12345，并没有完成双向绑定

   android:text="@{viewmodel.user.mPassWord}"

在这里插入图片描述

<?xml version="1.0" encoding="utf-8"?>
<layout
    xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
        name="user"
        type="com.franzliszt.mvvmtest.model.User" />
        <variable
            name="viewmodel"
            type="com.franzliszt.mvvmtest.viewmodel.ViewModel" />
    </data>
    <LinearLayout
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingTop="40dp">
        </LinearLayout>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="30dp"
            android:text="账号密码登录"
            android:textColor="#000000"
            android:textSize="30sp"
            android:layout_marginTop="20dp"/>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_margin="20dp">
            <EditText
                android:id="@+id/username"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="用户名"
                android:paddingLeft="10dp"
                android:singleLine="true"
                android:textColor="#ff000000"
                android:textSize="15sp"
                android:text="@={viewmodel.user.mUserName}"
                />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="20dp">

            <EditText
                android:id="@+id/password"
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:layout_marginTop="10dp"
                android:hint="密   码"
                android:paddingLeft="10dp"
                android:password="true"
                android:textColor="#ff000000"
                android:textSize="15sp"
                android:text="@={viewmodel.user.mPassWord}"
                />
        </LinearLayout>
        <Button
            android:id="@+id/login"
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="80dp"
            android:layout_marginTop="10dp"
            android:background="#1A73E8"
            android:text="登录"
            android:textColor="#ffffff"
            android:textSize="15sp"
            android:onClick="@{viewmodel.Login}"/>
    </LinearLayout>
</layout>
视图与数据绑定

初始化User类的数据， 完成视图与数据绑定

public class MainActivity extends AppCompatActivity {
    private ActivityMainBinding binding;
    private User user;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate( savedInstanceState );
        binding = DataBindingUtil.setContentView( this,R.layout.activity_main );
        user = new User( "admin","12345" );
        binding.setViewmodel( new ViewModel( binding,user ) );
    }
}
FranzLiszt1847
关注
  • 13
    点赞
  • 踩
  • 25
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 7
    评论
专栏目录
Android | Android应用架构之MVVM模式
cyc的专栏
05-08 3万+
早期的Android应用开发中，Activity/Fragment承担了过多的职责，它们不仅负责了应用界面的显示，而且负责了业务逻辑的处理。这样一来，Activity/Fragment很容易就变得臃肿、复杂，造成应用难以测试、维护和扩展。随着Android应用开发技术的不断发展和成熟，Android应用架构的设计得到了越来越多开发人员的关注和重视。目前，Android的应用架构主要有MVC、MVP和MVVM模式，本文将介绍一下MVVM模式。
AndroidMVVMSample:Android MVVM体系结构示例-登录和验证应用
05-18
AndroidMVVMS示例 Android MVVM体系结构示例-登录和验证应用
WPF MVVM从入门到精通2：实现一个登录窗口
热门推荐
lweiyue的专栏
03-28 2万+
WPF MVVM从入门到精通1：MVVM模式简介 WPF MVVM从入门到精通2：实现一个登录窗口 WPF MVVM从入门到精通3：数据绑定 WPF MVVM从入门到精通4：命令和事件 WPF MVVM从入门到精通5：PasswordBox的绑定 WPF MVVM从入门到精通6：RadioButton等一对多控件的绑定 WPF MVVM从入门到精通7：关闭窗口和打开新窗口 WP...
WPF MVVM完整示例（登录窗口）
09-17
包含了在MVVM模式下的数据绑定、命令和事件、PasswordBox的绑定、RadioButton等一对多控件的绑定、关闭窗口和打开新窗口和数据验证等内容。
专高二 day3(MVVM实现简单的登录注册)
最新发布
2201_75291151的博客
12-11 780
return id;return sex;
Prism MVVM应用 登陆后切换主窗体实现
MaFeng
04-25 6221
目录 应用场景 设计思路 编码实现 此案例应用WPF+MVVM+Prism7.1。源码 应用场景 使用Prism7开发WPF程序，编码采用MVVM形式。当程序启动时，首先进入一个登陆界面，进行登陆认证，认证成功后转入程序布局主窗口。 设计思路 WPF程序框架搭建后，程序中存一个Shell.xaml，相当于表演者的唯一舞台。登陆...
Android架构：MVVM实现离线登录
最高永远来自最下
05-26 1409
一、MVVM简介 MVVM模式是指Model-View-ViewModel。关于MVP架构，无论如何抽象化，在我们的View层中是无法避免的要处理一部分逻辑的。而MVVM模式中的View是将View的状态和行为完全抽象化，把逻辑与界面的控制完全交给ViewModel处理。 MVVM由下面三个核心组件组成： Model: 用于获取业务数据模型 View: 定义了界面中的布局和外观 ViewModel: 逻辑控制层，负责处理数据和处理View层中的业务逻辑 二、离线登录逻辑梳理 1、打开软件，进入登录页面，
MVVM_用户登录实例
whjk20的专栏
01-14 1261
1. 导入 在之前写了用户登录实例中，使用的是MVP 框架实现的：https://blog.csdn.net/whjk20/article/details/112511365 可以发现Activity 与 Model 解耦了，但是Activity 中仍有一些对View 的更新操作。 这些更新操作也可以通过MVVM 框架中的 ViewModel 去实现，即View（XML 文件） 与ViewModel 绑定。 1.1 主要修改点（Databinding 、RxJava订阅） (1) 当用户点击U..
Android：基于 jetpack 组件的 mvvm 模式的登陆案例
谢桥的博客
10-28 2089
直接上源码吧 LoginActivity.java public class LoginActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //绑定工作 ActivityLoginBinding binding = D
Login登录MVVMandroid自带使用方式
zhl2015260367的博客
09-05 145
【代码】Login登录MVVMandroid自带使用方式。
Android框架之MVC模式（以登录为例）
beita08的博客
07-15 4242
Android框架现在常见的有MVC模式、MVP模式、MVVM模式。我们首先先明确一个概念：模式是指组织代码的结构方式，模式并不能提高代码的执行效率。模式是为了后续功能的扩展方便和代码的结构清晰而使用的。 刚开始做Android开发时我们把代码都写在Activity里，这样代码的扩展性和结构清晰并不好。由此演化出Android的MVC模式，本篇文章也主要描述怎么将原来的写法抽取成...
MVVM简单例子
10-23
MVVM简单例子 MVVM简单例子 MVVM简单例子 MVVM简单例子
Android MVVM demo
04-19
MVVM架构demo
Mvp模式下的登录流程代码和mvvm模式
03-03
关于mvp模式下的登陆流程及其优化 和 mvvm模式并解决了加载图片时找不到databinding类等易出错问题
Android mvc、mvp、mvvm示例
03-12
Android mvc+mvp+mvvm项目实现示例，简单说明。Android如何在项目中实现mvc、mvp、mvvm这三种模式。
mvc-mvp-mvvm:javascript简单实现mvc mvp mvvm
05-24
简单实现了mvc，mvp，mvvm，效果图如下 例子预览 点击链接直接跳转查看 扫码查看例子入口 mvc图示 mvp图示 mvvm图示
Android MVC、MVP、MVVM、MVI架构示例
11-09
Android MVC、MVP、MVVM、MVI架构示例
Android架构设计(MVC/MVP/MVVM)
01-23
通过java语言编写的一个Android程序，项目中围绕着MVC/MVP和MVVM架构设计，功能完整，注释齐全，同一个需求，同一套布局，同样的功能，不同的架构设计，只需要一个积分，你值得拥有！
TemplateAndroid:Android项目初始模板，集成了ButterKnife、EventBus、Retrofit2、RxJava系列、BaseRecyclerViewAdapterHelper，初始化了网络请求模块，并示例了几种高频的网络请求方式，同时封装了SharedPreferences，Toast，Dialog等高频组件，适用于小项目快速启动（适用于新手入门，不采用MVC、MVP、MVVM，也没用泛型对请求结果统一处理）
05-26
TemplateAndroid Android项目初始模板，集成了ButterKnife、EventBus、Retrofit2、RxJava系列、...适用于小项目快速启动（适用于新手入门，不采用MVC、MVP、MVVM，也没用泛型对请求结果统一处理）
android mvc mvp mvvm
06-28
MVC，MVP 和 MVVM 是三种设计模式，用于在 Android 应用程序中组织代码。 MVC（模型-视图-控制器）：模型存储应用程序数据，视图显示数据，控制器处理用户交互。 MVP（模型-视图-presenter）：与 MVC 类似，但 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

FranzLiszt1847

嘟嘟嘟嘟嘟

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值