MVVM的简单使用

最新推荐文章于 2024-08-21 09:49:47 发布
最新推荐文章于 2024-08-21 09:49:47 发布
阅读量1.8k 收藏 1
点赞数 2
分类专栏： Android 文章标签： mvvm

我们知道在今年MVP的设计模式非常的火。MVP 是由 MVC 演变而来，在代码的解耦层次更加的独到！避免了更多的代码耦合度。在MVP 中 将 M(modle)层 与 V(View) 层脱离开来，更好的应证了代码的解耦，更多关于MVC、MVP的设计模式的区别可以查看相关的资料，在这里我们简单的梳理下由MVP 演变至MVVM 的过程，MVP重要的核心思想是按业务进行划分，为了更好的解耦，我们队View 也就是Activity 进行拆分，由此而演变为MVVM。
在学习MVVM 之前我们应该先了解下Google 十分NB的 的一个东西 就是，Data Binding Library它的使用方式，我们在这里不做过多的解释，可以参考Google提供的API ，https://developer.android.com/topic/libraries/data-binding/index.html

我们先看Activity

/**
 * 有MVP 演变至 MVVM
 * 也就是对View Activity 进行拆分
 *
 */
public class MainActivity extends AppCompatActivity implements LoginView, ResultCallBack {

    private ProgressBar progressBar;
    private Login user;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //DataBinding 数据绑定的形式 ，根据API的实现书写即可
        ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        progressBar = (ProgressBar) findViewById(R.id.progressBar);
        user = new Login();
        binding.setUser(user);
        LoginEvent event = new LoginEvent(user);
        binding.setEvent(event);


    }

    public void login(View view) {
        Presenter presenter = new Presenter();
        presenter.login(this,this);
    }


    @Override
    public String getUserName() {
        return user.userName;
    }

    @Override
    public String getPassword() {
        return user.password;
    }

    @Override
    public void showProgress() {
        progressBar.setVisibility(View.VISIBLE);
    }

    @Override
    public void dismissProgress() {
        progressBar.setVisibility(View.GONE);
    }

    @Override
    public void showToast(String toast) {
        Toast.makeText(MainActivity.this, toast, Toast.LENGTH_SHORT).show();

    }

    @Override
    public void Success(Login login) {
        Intent intent = new Intent(this,SuccessActivity.class);
        intent.setAction(this.getPackageName());
        Bundle bundle = new Bundle();
        bundle.putSerializable("javaBean",login);
        intent.putExtras(bundle);
        startActivity(intent);
    }

    @Override
    public void Failed(String error) {

    }
}

2、Interface 接口的定义

  • HandlerCallBack
/**
 * Created by wangly on 2016/9/6.
 * 用于处理Thread+Handler+InterfaceCallBack 的形式
 */
public interface HandlerCallBack {

    void Success(Login login);

    void Failed(String error);
}
  • LoginListener
/**
 * Created by wangly on 2016/8/22.
 */
public interface LoginListener {
    void login(String username, String password, HandlerCallBack back);
}
  • ResultCallBack

/**
 * Created by wangly on 2016/8/22.
 *
 */
public interface ResultCallBack {
    /**
     * 登陆成功
     * @param login  JavaBean
     */
    void Success(Login login);

    /**
     * 登陆失败
     * @param error ErrorException
     */
    void Failed(String error);
}

3、DataBinding 中Event 时间的绑定中的内容


/**
 * Created by wangly on 2016/9/5.
 */
public class LoginEvent {

    private Login user;

    public LoginEvent(Login login) {
        this.user = login;
    }


    public TextWatcher userNameWatcher = new TextWatcher() {
        @Override
        public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {

        }

        @Override
        public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {

        }

        @Override
        public void afterTextChanged(Editable editable) {
            user.userName = editable.toString();
        }
    };


    public TextWatcher passWordWatcher = new TextWatcher() {
        @Override
        public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {

        }

        @Override
        public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {

        }

        @Override
        public void afterTextChanged(Editable editable) {
            user.password = editable.toString();
        }
    };


}

4、domain JavaBean


/**
 * Created by wangly on 2016/8/22.
 */
public class Login implements Serializable{
    public String userName;
    public String password;

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    public String getUserName() {
        return userName;
    }

    public void setUserName(String userName) {
        this.userName = userName;
    }

    @Override
    public String toString() {
        return "Login{" +
                "password='" + password + '\'' +
                ", userName='" + userName + '\'' +
                '}';
    }
}

5、Presenter 的内容

public class Presenter {
    private LoginUtils loginBiz;
    private ResultCallBack back;
    public void login(final LoginView loginView, final ResultCallBack back) {
        loginBiz = new LoginUtils();
        this.back = back;
        loginView.showProgress();
        loginBiz.login(loginView.getUserName(), loginView.getPassword(), new HandlerCallBack() {
            @Override
            public void Success(Login login) {
                loginView.showToast("登录成功");
                loginView.dismissProgress();
                if (back != null){
                    back.Success(login);
                }

            }

            @Override
            public void Failed(final String error) {
                loginView.showToast(error);
                loginView.dismissProgress();
                if (back != null){
                    back.Failed(error);
                }
            }
        });
    }
}

6、view (MVP 模式)


/**
 * Created by wangly on 2016/8/22.
 *
 * 负责 View 与 Presenter 通讯的通道
 */
public interface LoginView {
    public String getUserName();

    public String getPassword();

    public void showProgress();

    public void dismissProgress();

    void showToast(String toast);

}

7、utils

public class LoginUtils implements LoginListener {
    public final static int SENT_SUCCESS_MESSAGE = 1001;
    public final static int SENT_FAILED_MESSAGE = 1002;
    private HandlerCallBack back;
    private Handler handler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            switch (msg.what) {
                case SENT_SUCCESS_MESSAGE:
                    Login login = (Login) msg.obj;
                    back.Success(login);
                    break;

                case SENT_FAILED_MESSAGE:
                    String error = (String) msg.obj;
                    back.Failed(error);
                    break;
                default:
                    break;
            }


        }
    };

    @Override
    public void login(final String username, final String password, final HandlerCallBack back) {
        this.back = back;
        if ("".equals(username) || null == username) {
            back.Failed("请输入用户名");
            return;
        }
        if ("".equals(password) || null == password) {
            back.Failed("请输入密码");
            return;
        }
        new Thread(new Runnable() {

            @Override
            public void run() {
                try {
                    Thread.sleep(2000);
                    if ("张三".equals(username) && "111111".equals(password)) {
                        Login login = new Login();
                        login.setUserName(username);
                        login.setPassword(password);
                        handler.obtainMessage(SENT_SUCCESS_MESSAGE, login).sendToTarget();

                    } else {
                        handler.obtainMessage(SENT_FAILED_MESSAGE, "用户名或密码错误").sendToTarget();
                    }

                } catch (Exception e) {
                    handler.obtainMessage(SENT_FAILED_MESSAGE, "登录失败！" + e.getMessage()).sendToTarget();
                }
            }
        }).start();
    }
}

8、build.gradle 配置 具体的还是的需要参考 DataBinding 的API

  dataBinding{
        enabled = true
    }

9、layout activity_main布局

<?xml version="1.0" encoding="utf-8"?>

<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <data>

        <variable
            name="user"
            type="com.wangly.mvpmodle.modle.Login">

        </variable>

        <variable
            name="event"
            type="com.wangly.mvpmodle.event.LoginEvent">

        </variable>
    </data>


    <LinearLayout xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".activity.MainActivity">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="50dp">

            <TextView
                android:id="@+id/tv_userName"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentStart="true"
                android:layout_centerVertical="true"
                android:layout_marginLeft="10dp"
                android:text="UserName" />

            <EditText
                android:id="@+id/et_user"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentEnd="true"
                android:layout_centerVertical="true"
                android:layout_marginLeft="10dp"
                android:layout_toEndOf="@+id/tv_userName"
                android:addTextChangedListener="@{event.userNameWatcher}"
                android:ems="10"
                android:hint="Please input username"
                android:inputType="textPersonName" />
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="50dp">

            <TextView
                android:id="@+id/tv_password"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentStart="true"
                android:layout_centerVertical="true"
                android:layout_marginLeft="10dp"
                android:text="PassWorld" />

            <EditText
                android:id="@+id/et_password"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentEnd="true"
                android:layout_centerVertical="true"
                android:layout_marginLeft="10dp"
                android:layout_toEndOf="@+id/tv_password"
                android:addTextChangedListener="@{event.passWordWatcher}"
                android:ems="10"
                android:hint="Please input passworld"
                android:inputType="textPersonName" />
        </RelativeLayout>

        <Button
            android:id="@+id/bt_land"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:onClick="login"
            android:text="Log in" />

        <ProgressBar
            android:id="@+id/progressBar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="100dp"
            android:indeterminate="false"
            android:visibility="gone" />

    </LinearLayout>
</layout>

当中更多的是怎么使用DataBinding
1、数据实体传输至控件
2、控件(如：EditText输入的内容) 传输至实体
两者的转换！在啰嗦一下就是当中的使用还是参考Google的API 写个DataBinding 的Demo，然后反过来修改MVP至MVVM。
OK！！

wlytctw
关注
专栏目录
MVVM教程(一)：MVVM简介与准备工作
星火燎猿
07-21 2万+
如果你对MVVM的概念还是不了解，可以参看下面链接： http://baike.baidu.com/view/3507915.htm 我们以WPF+MVVM的本地桌面程序为背景，这样一来我们可以不去操心服务器那部分的事情，更加专注我们的MVVM。我打算把最重要的部分放到开头来讲，而接下来这最重要的部分却是全篇教程唯一没有代码的部分。好，下面开始。 MVVM不是什么框架，也不是什么代码生成器，
MVVM简单使用
taiyang0725的博客
08-12 265
MVVM的简单使用 1.activity public abstract class MvvmBaseActivity<DB extends ViewDataBinding, VM extends BaseViewModel> extends BaseActivity { protected DB mDataBinding; protected VM mViewModel; protected final String TAG = this.getClass().getSimpleName()
MVVM的使用
helloworld19870427的专栏
03-25 6743
MVVM 把传统的布局替换为dataBinding布局： 在外层布局按住Ctrl+回车会提示是否转化成dataBinding布局，直接转化： 替换setContentView:经过上述步骤，系统会自动生成ActivityMainBinding类，类名是布局文件名+Binding，布局文件首字母大写 ...
Android架构组件：MVVM模式的实战应用操作指南
最新发布
vvvae1234的博客
08-21 1185
Model：负责应用的数据和业务逻辑，与数据源交互，提供数据给ViewModel。View：UI界面，负责用户交互，显示信息等。ViewModel：连接Model和View，处理UI逻辑，将Model中的数据转换成UI需要的格式，通知View进行更新。通过这种分离，让应用的各个部分各司其职，提高了代码的可读性和可维护性。MVVM模式的引入使得Android应用的开发变得更加模块化和灵活。通过使用Android架构组件，我们不仅简化了数据管理，还提高了应用的可测试性和可维护性。
MVVM最最最最基本的使用
AM12idi的博客
06-07 602
1.MVVM的概念 MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑 2.MVVM的简单应用 在MVVM中我们的Java代码看起来会无比简洁明了，秉承一个原则:数据驱动UI 在App模块中的build.gradle里面的android模块内加
MVVM 基本的用法
qq_34987553的博客
09-21 513
MVVM 与 MVP 基本类似，将presenter 换为 ViewModel, 用 data-binding 连接 View 和 ViewModel，进行双向交互。当 View 修改时，会反映到 ViewModel,ViewModel 有变化，会影响到 View，它们之间互相影响，而不像 MVP ,只是 View 被动的接受 Presenter 的调用。关于 data-binding的知识，官网发
MVVM使用
liu_hang_LH的博客
06-17 506
MVVM使用MVVM理解1.首先要启用databinding，因为我使用的是AS4.0,与之前的databinding不太一致，2.布局 有一个TextView 和一个RecyclerView3.ViewModel4 BaseViewModel5 View中观察属性的变化，比如list数据这样的，要处理的6.recyclerview 配合databinding7.网路请求使用Retrofit+okhttp总结 MVVM理解 MVVM 是Model（数据）、View（视图）、ViewModel（数据视图） ，
WPF的MVVM简单使用-绑定和命令示例
02-21
MVVM是Model-View-ViewModel的简写，分为视图（View）、视图模型（ViewModel）、模型（Model）三部分。MVVM 模式就是将其中的View 的状态和行为抽象化，形成数据绑定和命令，将视图 UI 和业务逻辑分开。由ViewModel...
MVVM简易框架搭建
09-11
在这个“MVVM简易框架搭建”的主题中，我们将深入探讨MVVM架构的基本原理、组件职责以及如何在实际项目中应用。 **1. MVVM模式介绍** MVVM由三个主要部分组成：Model（模型）、View（视图）和ViewModel（视图模型）...
WPF mvvm框架Stylet使用教程-窗体交互用法
04-16
**WPF MVVM框架Stylet使用教程 - 窗体交互用法** Windows Presentation Foundation (WPF) 是Microsoft提供的一种用于构建桌面应用程序的框架，它引入了Model-View-ViewModel (MVVM) 设计模式，使得UI设计和业务逻辑...
WPF MVVM 模式使用DataGrid
09-05
本篇文章将详细探讨如何在MVVM模式下有效地使用DataGrid控件。 **MVVM模式** MVVM模式由三个主要部分组成： 1. **Model（模型）**：这是应用程序的核心业务逻辑，通常与数据库或服务交互，处理数据的获取和存储。 2...
MVVM基本使用
07-01
android MVVM的使用 android MVVM的使用android MVVM的使用android MVVM的使用
WPF经典编程模式-MVVM示例讲解
QQ54332057的专栏
07-15 889
本篇从两个方面来讨论MVVM模式： MVVM理论知识MVVM示例讲解   一，MVVM理论知识 　　从上一篇文章中，我们已经知道，WPF技术的主要特点是数据驱动UI,所以在使用WPF技术开发的过程中是以数据为核心的，WPF提供了数据绑定机制，当数据发生变化时，WPF会自动发出通知去更新UI。  　　我们使用模式，一般是想达到高内聚低耦合。在WPF开发中，经典的编程模式是MVVM，
MVVM教程[资源+分析]
weixin_30797199的博客
09-03 131
- Model-View-ViewModel是一种架构模式，主要在WPF、Silverlight和WP7开发里使用，它的目标是从视图层移除几乎所有代码隐藏（code-behind）。交互设计师可以专注于使用XAML表达用户体验需求，然后创建和视图模型的绑定，而视图模型则是由应用程序开发者开发和维护的。 MVVM是更加通用的Presentation模式的一个具体实现。MVVM视图模型包含概念模型...
Android mvvm使用流程
kk3087961的博客
02-26 746
ViewModelProvider初始化时如果不传递 ViewModelProvider.Factory,则ViewModelProvider内部会使用默认的 Factory,getTestLiveData 返回LiveData提供 数据给ViewModel，ViewModel 及view层获取到LiveData即监听数据的变化。ViewModel 类提供了一种保存和管理界面相关数据的机制，并确保这些数据在配置更改（如设备旋转）时不会丢失或重新创建。3.创建view类UiTestActivity。
MVVM命令
weixin_47597620的博客
06-08 152
在MVVM Light框架中，事件是WPF应用程序中UI与后台代码进行交互的最主要方式，与传统方式不同，mvvm中主要通过绑定到命令来进行事件的处理，因此要了解mvvm中处理事件的方式，就必须先熟悉命令的工作原理。 RelayCommand命令： WPF命令是通过实现 ICommand 接口创建的。 ICommand 公开了两个方法（Execute 及 CanExecute）和一个事件（CanExecuteChanged）。 Execute方法 ：执行与命令关联的操作 CanExecute方法： 确定是否可
MVVM教程
nacl025的专栏
07-11 2003
1.MVVM设计模式简介        MVVM的设计模式最早于2005年由微软的WPF和Silverlight架构师John Gossman在他的博客中提到。以下是这篇文章的链接：      http://blogs.msdn.com/b/johngossman/archive/2005/10/08/478683.aspx      MVVM设计模式基于MVC这种将UI和逻辑分离的结
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值