AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

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

2022-06-14 439
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： MVC描述缺点优点MVP效果图描述缺点优点代码解析视图效果图建立实体类建立实体类接口实现实体类接口设置P层建立交互接口数据绑定MVVM效果图描述代码解析导入dataBinding实体类建立viewmodelxml绑定数据视图与数据绑定


MVC


描述

自如其意，MVC分为三部分：M层、V层、C层。

M层：model层，主要用于逻辑处理。

V层：view层，主要指Activity、Dialog、Fragment,用于视图展示。

C层：controller层，用于视图层与数据层交互，此处由Activity充当。


缺点

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


优点

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


MVP


效果图

image.png

描述

自如其意，MVP分为三部分：M层、V层、P层。

M层：model层，主要用于逻辑处理。

V层：view层，主要指Activity、Dialog、Fragment,用于视图展示。

P层：presenter层，用于视图层与数据层交互。通过接口实现交互。


缺点

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

优点

数据层与视图层完成解耦


代码解析

视图效果图

image.png

建立实体类

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


效果图

image.png


描述

Model层：

数据处理

View层

实体

ViewModel：

实现视图与数据的交互，将二者分离，实现解耦


代码解析

导入dataBinding

image.png 
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}"

image.png

密码输入框中输入123456，而打印出来是12345，并没有完成双向绑定

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

image.png

<?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 ) );
    }
}

文章标签：
前端开发
Android开发
数据处理
数据安全/隐私保护
数据格式
XML
关键词：
Android MVVM
Android mvp mvvm
Android MVP
mvc mvp
mvc mvvm
FranzLiszt1847
目录
相关文章
nanshaws
|
1月前
|
XML Java 数据库
安卓项目：app注册/登录界面设计
本文介绍了如何设计一个Android应用的注册/登录界面，包括布局文件的创建、登录和注册逻辑的实现，以及运行效果的展示。
nanshaws
140 0
安卓项目：app注册/登录界面设计
德国都芳最好
|
23天前
|
前端开发
MVVM是什么?和MVC有何区别呢?
【10月更文挑战第11天】MVVM 和 MVC 都是为了更好地组织和管理软件架构，提高开发效率和代码质量。理解它们的特点和区别，有助于我们在实际开发中做出更合适的选择，并构建出更加优秀的应用程序。
德国都芳最好
24 5
html的七十二变
|
22天前
|
存储 前端开发 测试技术
MVC、MVP、MVVM 模式
MVC、MVP 和 MVVM 是三种常见的软件架构模式，用于分离用户界面和业务逻辑。MVC（Model-View-Controller）通过模型、视图和控制器分离数据、界面和控制逻辑；MVP（Model-View-Presenter）将控制逻辑移到 Presenter 中，减少视图的负担；MVVM（Model-View-ViewModel）通过数据绑定机制进一步解耦视图和模型，提高代码的可维护性和测试性。
html的七十二变
27 2
悟道了凡
|
26天前
|
安全 Java 网络安全
Android远程连接和登录FTPS服务代码(commons.net库)
Android远程连接和登录FTPS服务代码(commons.net库)
悟道了凡
22 1
Codelinghu
|
1月前
|
前端开发 Java
【案例+源码】详解MVC框架模式及其应用
【案例+源码】详解MVC框架模式及其应用
Codelinghu
56 0
如夜了我衣衫太薄便归家靠路灯
|
3月前
|
开发工具 Android开发
uniapp 安卓app 调起微信app 授权登录
uniapp 安卓app 调起微信app 授权登录
如夜了我衣衫太薄便归家靠路灯
369 1
wljslmz
|
3月前
|
设计模式 存储 前端开发
MVC 框架的主要问题是什么？
【8月更文挑战第30天】
wljslmz
68 0
聚优云惠
|
3月前
|
安全 Java 网络安全
Android远程连接和登录FTPS服务代码(commons.net库)
很多文章都介绍了FTPClient如何连接ftp服务器，但却很少有人说如何连接一台开了SSL认证的ftp服务器，现在代码来了。
聚优云惠
100 2
青欢
|
5月前
|
数据库 Android开发 数据安全/隐私保护
在 Android Studio 中结合使用 SQLite 数据库实现简单的注册和登录功能
在 Android Studio 中结合使用 SQLite 数据库实现简单的注册和登录功能
青欢
224 2
ghost丶桃子
|
Android开发
Android Material Design控件学习（三）——使用TextInputLayout实现酷市场登录效果
ghost丶桃子
2162 0