android mvvm框架例子,Android-MVVM架构模式

80b4198fe31b

图片来源于网络

前面说了MVC和MVP架构模式,那下面就来聊聊MVVM架构模式,这个架构模式我之前也是没有用过,身边也很少朋友用到这个架构模式,既然它存在我们就要了解他。

MVVM详解

MVVM是Model-View-ViewModel的简写。

Model代表基本的业务逻辑;

View显示内容,用户界面;

ViewModel将Model和View两者联系在一起。

80b4198fe31b

在这里插入图片描述

MVVM的优点

低耦合。视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。

可重用性。你可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑。

独立开发。开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计,使用Expression Blend可以很容易设计界面并生成xaml代码。

可测试。界面素来是比较难于测试的,而现在测试可以针对ViewModel来写。

MVVM实现登录小案例

1.分包结构

80b4198fe31b

在这里插入图片描述

2.配置Model的build.gradle文件

android{

dataBinding{

enabled = true

}

}

3.xml文件

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools">

name="viewModel"

type="com.wyb.app_mvvm2.viewmodel.MainViewModel"/>

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".view.MainActivity"

tools:layout_editor_absoluteY="81dp">

android:id="@+id/et_username"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:hint="用户名"

app:addTextChangedListener="@{viewModel.userNameChangeListener}"

app:layout_constraintBottom_toTopOf="@+id/et_pwd"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintHorizontal_bias="0.0"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="parent"

app:layout_constraintVertical_bias="0.0" />

android:id="@+id/et_pwd"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:hint="密码"

app:addTextChangedListener="@{viewModel.pwdChangeListener}"

app:layout_constraintTop_toBottomOf="@id/et_username" />

android:id="@+id/btn_login"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="登录"

android:onClick="@{viewModel.login}"

app:layout_constraintTop_toBottomOf="@+id/et_pwd" />

4.Model层

主要是Bean数据类,小案例使用硬编码的形式,所以没有用到。

public class User {

/**

* 用户名

*/

private String name;

/**

* 密码

*/

private String pwd;

public User(String name, String pwd) {

this.name = name;

this.pwd = pwd;

}

public String getName() {

return name;

}

public void setName(String name) {

this.name = name;

}

public String getPwd() {

return pwd;

}

public void setPwd(String pwd) {

this.pwd = pwd;

}

}

5.view层

用户界面,主要用来放Activity、Fragment、Dialog。

public class MainActivity extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

ActivityMainBinding binding = DataBindingUtil.setContentView(this,R.layout.activity_main);

MainViewModel mainViewModel = new MainViewModel(this);

binding.setViewModel(mainViewModel);

}

}

6.ViewModel层

主要用于View和Model之间的联系,业务逻辑处理。

public class MainViewModel {

/**

* 用户名

*/

private String userName;

/**

* 密码

*/

private String pwd;

/**

* 上下文

*/

private Context mContext;

public MainViewModel(Context mContext) {

this.mContext = mContext;

}

/**

* 获取用户输入的用户名方法

*/

public TextWatcher userNameChangeListener() {

return new TextWatcher() {

@Override

public void beforeTextChanged(CharSequence s, int start, int count, int after) {

}

@Override

public void onTextChanged(CharSequence s, int start, int before, int count) {

userName = s.toString();

}

@Override

public void afterTextChanged(Editable s) {

}

};

}

/**

* 获取用户输入的密码方法

*/

public TextWatcher pwdChangeListener() {

return new TextWatcher() {

@Override

public void beforeTextChanged(CharSequence s, int start, int count, int after) {

}

@Override

public void onTextChanged(CharSequence s, int start, int before, int count) {

pwd = s.toString();

}

@Override

public void afterTextChanged(Editable s) {

}

};

}

/**

* 登录的方法

*

* @param view 绑定登录事件的视图

*/

public void login(View view) {

if (!TextUtils.isEmpty(userName) && !TextUtils.isEmpty(pwd)) {

// 模拟数据判断

if (userName.equals("zhangsan") && pwd.equals("123456")) {

Toast.makeText(mContext, "登录成功!!!", Toast.LENGTH_SHORT).show();

} else {

Toast.makeText(mContext, "登录失败!!!", Toast.LENGTH_SHORT).show();

}

} else {

Toast.makeText(mContext, "用户名和密码都不能为空哦", Toast.LENGTH_SHORT).show();

}

}

}

上面内容是我对MVVM架构模式的一些理解,通过MVVM来实现登录小案例,希望对想要了解MVP的小伙伴们有帮助。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值