Android MVVM模式入门 - DataBinding的使用

简介: Android MVVM模式入门 - DataBinding的使用

 前言


2020.0405 更新- 本文只讲解DataBinding的使用,非架构MVVM

关于开发模式的文章,这应该算是第二篇,第一篇中讲解了Android MVP模式的使用:Android MVP模式 入门_黄林晴-androidmvp模式入门

mvp模式的优点就不说了,缺点其实在使用的过程中很显然,比如现在有个需求对数据库的学生表增删改查,那么view的接口,我们可能有如下定义

interface view{
    void get();
    void delete();
    void add();
    void update();
}

image.gif

我们在使用的View层继承下列接口即可,但如果有两个Activity,一个需要查询、一个需要修改、一个需要所有功能,那么这个时候如果我们继承这个view接口,肯定会出现View层含有没有使用的接口。当然我们可以将四个接口放在四个view层,但工作量和维护起来并不方便。

一、Android MVVM介绍

个人认为,MVVM的出现,并不是解决上述MVP的缺点,无论是MVP、MVC或是MVVM都有各自的缺点和优点,在开发中选择合适的开发模式,才能有助于开发工作。

   MVVM并不是分为了四层,而是将MVP中的P层变为了ViewModel层。还是以查询数据为例,如果我们要将查询出来的数据显示在控件上,我们要定义view层的如下方法

void setData(String data);

在Activity的接口回调中进行setText,但是如果显示的数据特别多,就要set多次,MVVM的最佳使用方式是MVP+DataBinding,MVVM可以实现数据直接和View层的控件绑定,和监听事件的绑定。接下来我们开始介绍MVVM的使用步骤。

二、DataBinding的使用步骤

2.1 引入Data Binding函数库

在build .gradle中使用如下设置支持dataBinding:

dataBinding{
    enabled = true
}

image.gif

2.2 新建一个User实体类

为了模拟数据我们新建一个User类如下

public class User {
    private String UserName;
    private String UserSex;
    public String getUserName() {
        return UserName;
    }
    public void setUserName(String userName) {
        UserName = userName;
    }
    public String getUserSex() {
        return UserSex;
    }
    public void setUserSex(String userSex) {
        UserSex = userSex;
    }
    public User(String userName, String userSex) {
        UserName = userName;
        UserSex = userSex;
    }
}

image.gif

2.3 编写xml布局,有两个textview一个显示UserName,另一个显示UserSex,在普通的xml布局中我们都是使用LinearLayout或者是其他的ViewGroup,但是在mvvm中我们使用的根布局是layout,xml布局代码如下所示:

 

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="User"
            type="lonbon.com.mvvm.bean.User" />
    </data>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <TextView
            android:id="@+id/userName"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@{User.userName}" />
        <TextView
            android:id="@+id/userSex"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@{User.userSex}" />
    </LinearLayout>
</layout>

image.gif

布局中我们要注意的是这个data便签,其中type字段是数据绑定对应的实体类,name就是我们引用的一个属性标志,在这里写为User,如果要给textView赋值,我们直接通过@{User.属性},相当于把userSex属性变量赋值给id为userSex的TextView。

2.4 在Activity中引用

以为我们已经配置了databinding属性为true,所以会自动为我们生成Binding类,生成规则为布局名后面加Binding,比如我们这里的布局名称是activity_main,生成的Bingding类就是ActivityMainBinding,我们在Activity中通过下列代码使用:

ActivityMainBinding activityMainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);
User user = new User("黄林晴", "男");
activityMainBinding.setUser(user);

image.gif

我们通过DataBindingUtil获取databinding类直接与User数据绑定,运行程序,那么会直接将userName和userSex赋值到相应的值。

结果如图所示:

image.gif

如果我们是给ListView中的Item中的控件赋值,那么xml布局中的代码都是一致的,不同的是获取bingding类是使用

ListItemBinding bingding = ListItemBinding.inflate(layoutInflater,ViewGroup,false);

image.gif

 或者使用

ListItemBinding bingding = DataBindingUtil.inflate(layoutInflater,R.layout.activity_main,ViewGroup,false);

image.gif

三、DataBing使用之监听事件

DatabBing监听事件的使用其实个人感觉使用的效果并不好,因为现在差不多都是使用ButterKnife直接生成监听事件,不过还是要提一下,我们在之前的布局上加一个button,给button赋值监听事件,首先我们定义一个监听事件的类,我们可以在这个类中专门处理所有的监听事件,类似于js这也算一个好处吧。

3.1 定义一个Click类,声明一个test监听方法

代码如下所示:

public class Click {
    private String tag = "click";
    public void test(View v) {
        Log.d(tag, "点击事件触发了");
    }
}

image.gif

3.2 在xml中进行绑定

在data标签中再添加一个variable标签

<variable
    name="Click"
    type="lonbon.com.mvvm.click.Click"/>

image.gif

在button中为onclick属性设置

<Button
    android:text="text"
    android:onClick="@{Click.Text}"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

image.gif

最后记得在activity进行设置:

activityMainBinding.setClick(new Click());

image.gif

这里要注意的是并不是调用setClick方法,如果你新建的监听方法类是Text那么就要调用setText进行监听事件的绑定,我们来点击按钮,打印结果如下:

image.gif

DataBinding的使用主要就是这样了,还有一些功能需要深入研究,后续继续分享。

代码男人技术交流群



目录
相关文章
|
16天前
|
设计模式 Android开发 Kotlin
Android经典实战之Kotlin委托模式和by关键字
本文介绍了Kotlin中`by`关键字在类及属性委托中的运用,通过实例展示了如何利用类委托简化接口实现,以及如何借助标准与自定义属性委托管理属性的读写操作。通过`by`关键字的支持,Kotlin使得委托模式的实现更为直观且高效。
37 4
|
26天前
|
存储 前端开发 Java
Android MVVM框架详解与应用
在Android开发中,随着应用复杂度的增加,如何有效地组织和管理代码成为了一个重要的问题。MVVM(Model-View-ViewModel)架构模式因其清晰的结构和高效的开发效率,逐渐成为Android开发者们青睐的架构模式之一。本文将详细介绍Android MVVM框架的基本概念、优势、实现流程以及一个实际案例。
|
1月前
|
运维 Cloud Native Android开发
云原生之旅:容器化与微服务架构的融合之道安卓应用开发入门指南
本文将深入探讨云原生技术的核心要素——容器化和微服务架构,并揭示它们如何共同推动现代软件的开发与部署。通过实际案例分析,我们将看到这两种技术如何相辅相成,助力企业实现敏捷、可扩展的IT基础设施。文章旨在为读者提供一条清晰的道路,指引如何在云原生时代利用这些技术构建和优化应用。 本文将引导初学者了解安卓应用开发的基本概念和步骤,从安装开发环境到编写一个简单的“Hello World”程序。通过循序渐进的讲解,让读者快速掌握安卓开发的核心技能,为进一步深入学习打下坚实基础。
38 1
|
11天前
|
开发者 iOS开发 C#
Uno Platform 入门超详细指南:从零开始教你打造兼容 Web、Windows、iOS 和 Android 的跨平台应用,轻松掌握 XAML 与 C# 开发技巧,快速上手示例代码助你迈出第一步
【8月更文挑战第31天】Uno Platform 是一个基于 Microsoft .NET 的开源框架,支持使用 C# 和 XAML 构建跨平台应用,适用于 Web(WebAssembly)、Windows、Linux、macOS、iOS 和 Android。它允许开发者共享几乎全部的业务逻辑和 UI 代码,同时保持原生性能。选择 Uno Platform 可以统一开发体验,减少代码重复,降低开发成本。安装时需先配置好 Visual Studio 或 Visual Studio for Mac,并通过 NuGet 或官网下载工具包。
19 0
|
11天前
|
Kubernetes Cloud Native 搜索推荐
探索云原生技术:Kubernetes入门与实践打造个性化安卓应用:从零开始的Flutter之旅
【8月更文挑战第31天】云原生技术正改变着应用开发和部署的方式。本文将带你了解云原生的基石——Kubernetes,通过实际的代码示例,从安装到部署一个简单的应用,让你迅速掌握Kubernetes的核心概念和操作方法。无论你是初学者还是有一定经验的开发者,这篇文章都将成为你进入云原生世界的桥梁。
|
2月前
|
存储 前端开发 测试技术
Android Kotlin中使用 LiveData、ViewModel快速实现MVVM模式
使用Kotlin实现MVVM模式是Android开发的现代实践。该模式分离UI和业务逻辑,借助LiveData、ViewModel和DataBinding增强代码可维护性。步骤包括创建Model层处理数据,ViewModel层作为数据桥梁,以及View层展示UI。添加相关依赖后,Model类存储数据,ViewModel类通过LiveData管理变化,而View层使用DataBinding实时更新UI。这种架构提升代码可测试性和模块化。
130 2
|
3月前
|
Android开发 Kotlin
Android面试题 之 Kotlin DataBinding 图片加载和绑定RecyclerView
本文介绍了如何在Android中使用DataBinding和BindingAdapter。示例展示了如何创建`MyBindingAdapter`,包含一个`setImage`方法来设置ImageView的图片。布局文件使用`&lt;data&gt;`标签定义变量,并通过`app:image`调用BindingAdapter。在Activity中设置变量值传递给Adapter处理。此外,还展示了如何在RecyclerView的Adapter中使用DataBinding,如`MyAdapter`,在子布局`item.xml`中绑定User对象到视图。关注公众号AntDream阅读更多内容。
62 1
|
3月前
|
编解码 开发工具 Android开发
技术心得:打造自己的智能投屏体验——Android投屏开发入门
技术心得:打造自己的智能投屏体验——Android投屏开发入门
100 0
|
3月前
|
Android开发
杨老师课堂_安卓教程第一篇之入门
杨老师课堂_安卓教程第一篇之入门
29 0
|
3月前
|
前端开发 测试技术 API
探索安卓应用的架构演进:从MVC到MVVM
本篇文章将深入探讨安卓应用开发中的架构演进,特别关注从传统的MVC(Model-View-Controller)到现代流行的MVVM(Model-View-ViewModel)架构的转变。通过对比两种架构的设计理念、实现方式和实际应用案例,解析MVVM在提高代码可维护性和可测试性方面的优势。
42 0