框架模式MVVM之DataBinding的实践

最新推荐文章于 2024-04-26 12:14:49 发布
最新推荐文章于 2024-04-26 12:14:49 发布
阅读量130 收藏
点赞数
分类专栏： Android 文章标签： 框架模式MVVM
原文链接：https://blog.csdn.net/qq_30379689/article/details/53037430
版权

本篇文章包含以下内容:

  • MVVM的介绍
  • MVVM的实践
    • DataBinding之layout标签的使用
    • DataBinding之data与variable标签的使用
    • DataBinding之绑定点击事件的使用

MVVM的介绍

MVVM是Model-View-ViewModel的简写，这个模式提供对View和View Model的双向数据绑定，使得View Model的状态改变可以自动传递给View

  • Model：数据层，负责处理数据的加载或者存储
  • View：视图层，负责界面数据的展示，与用户进行交互
  • ViewModel：负责完成View于Model间的交互,负责业务逻辑

MVVM的模型关系图：

MVVM优点：

  • 低耦合。视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的”View”上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。
  • 可重用性。你可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段视图逻辑。
  • 独立开发。开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专注于页面设计，使用Expression Blend可以很容易设计界面并生成xml代码。
  • 可测试。界面素来是比较难于测试的，而现在测试可以针对ViewModel来写。

MVVM的实践

在安卓采用DataBinding来支持MVVM框架模式，下面我们以DataBinding来实践

实践工具：Android Studio 2.1

准备工作：开启安卓中的DataBinding，需要在Module下的build.gradle中声明

android {
     …………
     dataBinding{
        enabled = true
     }    
     …………
}
 
 

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

DataBinding之layout标签的使用

  • layout标签作用：作为DataBinding的标志，省去findViewById()方法

第一步：我们以学生管理信息为例子，我们在布局文件的外层嵌套一层layout标签，并附上命名空间，在EditText和TextView中添加对应的ID

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <EditText
            android:id="@+id/et_name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

        <EditText
            android:id="@+id/et_nickName"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <TextView
            android:id="@+id/tv_name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

        <TextView
            android:id="@+id/tv_nickName"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </LinearLayout>
</layout>

 
 

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31

第二步：在我们的主Activity中，需要通过DataBindingUtil来绑定我们的xml布局

public class LoginActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ActivityLoginBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_login);
    }
}
 
 

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

DataBindingUtil.setContentView()方法返回一个数据绑定对象，其命名规则由系统自动生成，由于我们的布局名字是activity_login.xml，所以生成规则：将下划线去掉，提取xml命名（字母首大写）+Binding

第三步：如果我们需要操作xml的View，则不需要findViewById()，直接调用binding对象里面的View即可，其控件的命名规则：将下划线去掉，提取xml命名（字母首大写）

public class LoginActivity extends AppCompatActivity {

    Student student = new Student("Hensen", "handsome");

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ActivityLoginBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_login);
        binding.tvName.setText(student.getName());
        binding.tvNickName.setText(student.getNickName());
    }
}
 
 

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

DataBinding之data与variable标签的使用

  • data与variable标签的作用：将对象传进布局xml文件

第一步：由于layout标签还需要在binding对象中使用View，还没有完全体现MVVM的真正效果，下面在布局文件声明data与variable标签

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">

    <data>
        <variable
            name="student"
            type="com.handsome.designmode.MVVM.Bean.Student" />
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <EditText
            android:id="@+id/et_name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

        <EditText
            android:id="@+id/et_nickName"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

        <TextView
            android:id="@+id/tv_name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@{student.name}" />

        <TextView
            android:id="@+id/tv_nickName"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@{student.nickName}" />
    </LinearLayout>
</layout>
 
 

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38

在variable中，我们取个name，并将它的type指向一个Bean对象，即绑定了该对象，在使用时，通过@{ }的格式，将对象的属性绑定到控件中

第二步：在主Activity中，只要设置这个对象即可

ActivityLoginBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_login);
        binding.setStudent(student);
 
 

 
 
  • 1
  • 2

DataBinding之绑定点击事件的使用

  • 绑定onTextChanged事件：我们通过EditText的修改来更新TextView
  • 绑定onClick事件：点击TextView弹出Toast

第一步：我们在主Activity中创建一个Controller类，注意这个onTextChange方法的名字和参数必须和EditText原生的onTextChange一致，还有onClick方法也是

public class Controller {
    public void onTextChanged(CharSequence s, int start, int before, int count) {
        student.setName(s.toString());
        binding.setStudent(student);
    }
    public void onClick(View view){
        Toast.makeText(LoginActivity.this,"clickMe",Toast.LENGTH_SHORT).show();
    }
}
 
 

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

第二步：在布局文件中，声明这个类，并给EditText加上onTextChanged事件，给TextView加上onClick事件

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">

    <data>
        <variable
            name="student"
            type="com.handsome.designmode.MVVM.Bean.Student" />
        <variable
            name="controller"
            type="com.handsome.designmode.MVVM.View.LoginActivity.Controller"/>
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <EditText
            android:onTextChanged="@{controller.onTextChanged}"
            android:id="@+id/et_name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

        <EditText
            android:id="@+id/et_nickName"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

        <TextView
            android:onClick="@{controller.onClick}"
            android:id="@+id/tv_name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@{student.name}" />

        <TextView
            android:id="@+id/tv_nickName"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@{student.nickName}" />
    </LinearLayout>
</layout>

 
 

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44

注意controller.onTextChanged和controller.onClick必须对应Controller里面的名字，Controller里面的方法名可以随便取，但是参数必须和原生的方法参数一致，否则编译报错

第三步：在主Activity中设置这个Controller

binding.setController(new Controller());
 
 

 
 
  • 1

  • 绑定onClickListener事件：将xml的对象传递给Activity，这也是MVVM双向数据绑定的体现

第一步：我们继续在主Activity中Controller类，创建该方法

public void onClickListener(Student student) {
    Toast.makeText(LoginActivity.this, student.getNickName(), Toast.LENGTH_SHORT).show();
}
 
 

 
 
  • 1
  • 2
  • 3

第二步：我们在TextView中使用该方法，并将student对象传递到Activity中

<TextView
    android:id="@+id/tv_nickName"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:onClick="@{()->controller.onClickListenerBinding(student)}"
    android:text="@{student.nickName}" />
 
 

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

这里用到的我们Lambda表达式，理解起来比较困难，大家知道就好了

源码

github：https://github.com/AndroidHensen/Design-Mode

xk_一步一步来
关注
专栏目录
Android MVVM框架搭建（一）ViewModel + LiveData + DataBinding
2401_84413032的博客
04-29 837
首先是一个知识清单：（对于现在的Android及移动互联网来说，我们需要掌握的技术）泛型原理丶反射原理丶Java虚拟机原理丶线程池原理丶注解原理丶注解原理丶序列化Activity知识体系（Activity的生命周期丶Activity的任务栈丶Activity的启动模式丶View源码丶Fragment内核相关丶service原理等）代码框架结构优化（数据结构丶排序算法丶设计模式）APP性能优化（用户体验优化丶适配丶代码调优）热修复丶热升级丶Hook技术丶IOC架构设计。
Android mvvm 之 databinding 原理
夜行小生
07-29 567
本文为原创内容，转载请注明出处——小舍 目录 1 Data Binding 的结构 1.1 rebind 行为 1.2 observe data 行为 1.3 observe view 行为 2 样例分析——谷歌 sunflower 的改造 2.1 Data——FakeData 2.2 View——fragment_plant_detail.xml 2.3 ViewDataBinding——FragmentPlantDetailBinding 2.4 adapter 绑定说明 3 免 find
Android基础——框架模式MVVM之DataBinding的实践
点击置顶文章查看博客目录（全站式导航）
11-05 8162
Android基础——框架模式MVVM之DataBinding的实践 本篇文章包含以下内容: MVVM的介绍 MVVM的实践 DataBinding之layout标签的使用 DataBinding之data与variable标签的使用 DataBinding之绑定点击事件的使用 MVVM的介绍MVVM是Model-View-ViewModel的简写，这个模
databinding实践
haizhuo的博客
03-04 270
前言 依稀还记得4年前刚入门的时候，每次写代码都是通过findViewById去拿到控件，然后使用控件。工作1年后，我发现了jakewharton大神的butterknife，然后开始使用资源绑定，那时候为了方便，我在Settings的Plugin里找到了Zelezny插件，控件的拿取都是一键生成的。美滋滋的使用了几年后，我发现了databinding这个东西。讲道理，我一直很反感各种命名各种找...
Android 架构MVC MVP MVVM+实例
帅次的博客
08-17 3756
MVC、MVP和MVVM是软件比较常用的三种软件架构，这三种架构的目的都是分离，避免将过多的逻辑全部堆积在一个类中。
安卓（Android）平台上的MVVM架构：关键知识点、优劣分析及实践示例
最新发布
wlred1980的博客
04-26 1303
本文旨在探讨安卓平台上广泛应用的Model-View-ViewModel（MVVM）架构模式的核心概念、主要优点与潜在不足，并通过实际示例代码阐明其在实际项目中的应用方式。MVVM作为一款推动关注点分离和提高软件质量的架构方案，在安卓应用开发中起着至关重要的作用。
CustomView_Mvvm_DataBinding_BindingAdapters：使用带有绑定适配器的DataBinding的Mvvm创建CustomView
03-02
本项目“CustomView_Mvvm_DataBinding_BindingAdapters”就是这样一个示例，它演示了如何利用Kotlin语言来实现带有绑定适配器的Data Binding，以创建一个基于Mvvm的自定义视图。 首先，我们要理解MVVM架构。这是一...
MVVM框架实践：Databinding vs ViewBinding
MVVM（Model-View-ViewModel）框架是现代Android开发中广泛采用的一种设计模式，它强调将业务逻辑、数据模型与用户界面解耦。MVVM的核心是双向数据绑定，使得视图（View）和模型（Model）之间的数据变化能够实时同步...
wanandroid：适用于Wanandroid的Jetpack MVVM最佳实践！
02-04
翻一下提交记录，第一次提交是在2018年3月13日，没记错的话当时是基于MVP模式构建的基础框架，到现在经过100次提交，整个框架已经完全更新。最新的代码在mvvm-kotlin分支。 刚从MVP过渡到MVVM，挺兴奋的，一股脑刷刷...
详解Android的MVVM框架 – 数据绑定
01-20
在Android开发中，MVVM（Model-View-ViewModel）架构模式是一种常见的设计模式，它将应用程序的业务逻辑、用户界面和数据...开发者可以通过学习和实践，更好地理解和运用这一框架，提升Android应用的开发效率和质量。
Android Mvvm例子
06-29
如关键字
Android的MVVM模式
02-05
Android的MVVM模式的简单实现的Demo,一个viewModle和一个view匹配,它将没有MVP中的Iview接口,而且是完全的和view绑定. 所有view中的修改变化,都会自动更新到viewModel中,同时ViewModel的任何变化也会自动同步到View上显示
Android MVVM demo
04-19
MVVM架构demo
Android MVVM 开发框架
04-28
Android MVVM 开发框架 具体详见 http://blog.csdn.net/q610098308/article/details/70903010
Android mvvm 框架，最流行的mvvm demo
09-23
Android mvvm 框架，最流行的mvvm demo 无bug
Android MVVM架构模式（二）——DataBinding框架（一）
5ingwings(SiHao)的博客
11-12 999
1 添加依赖 app的gradle中的android中： dataBinding { enabled = true } 2 在XML中<data> <variable name="user" type="com.example.User"/> </data> 在data内描述了一个名为user的变量属性，使其可以在这个layout中
Android MVVM最简易举例（ViewModel&LiveData）
赵星海的博客
04-16 3007
场景举例： 一个按钮 点击后次数累加显示 0.首先导入依赖：在build.gradle 文件中 dependencies { ... ... implementation 'androidx.lifecycle:lifecycle-extensions:2.2.0'//ViewModelProviders } 1.创建Activity：TestMVVMActivity class TestMVVMActivity : FragmentActivity() { ...
android mvvm实例,一个快速以MVVM开始做项目的框架 MVVMQuick
weixin_34157892的博客
05-29 709
MVVMQuick旨在快速以MVVM开始开发项目，其内集成了dagger2、okhttp3、retrofit、BaseRecyclerViewAdapterHelper、lifecycle等常用的框架和一些工具。将大部分逻辑抽象，希望可以通过几步简单的配置，即可省去重复逻辑的代码。Note目前还在测试开发中，有兴趣的朋友可以体验体验给给建议哦！如要运用到项目中请自行下载项目导入mvvm-quik模...
Android Mvvm设计模式简单案例
u012915909的博客
02-23 508
整体架构是这样的 MainActivity： import android.app.Activity; import android.os.Bundle; import androidx.annotation.Nullable; import androidx.databinding.DataBindingUtil; import com.feifan.mymvvm.R; import com.feifan.mymvvm.databinding.ActivityMyMvvmMainBinding; imp
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值