Android框架 使用DataBinding绑定View

已于 2022-09-26 14:37:43 修改
阅读量1.7k 收藏
点赞数
分类专栏： 笔记 #Android 文章标签： android java
于 2021-05-11 17:46:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Blue3Red1/article/details/113508632
版权

Google Codelab 学习 databinding
https://developer.android.com/codelabs/android-databinding#0

一、 什么是 dataBinding

数据绑定库是一个 Android Jetpack 库，它允许您使用声明性格式而不是通过编程方式将XML布局中的UI组件绑定到应用程序中的数据源，从而减少了样板代码。dataBinding 可以很好的和 View Model 配合使用。这里就简单学习一下 dataBinding 防止碰到的时候看不懂。

二、dataBinding 的常见使用

1. Gradle 配置

android {
    buildFeatures {
        dataBinding = true
    }
}

2. Layout 文件改写

<layout >
 //原来的layout
</layout>

<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:gravity="center_horizontal"
        android:orientation="vertical"
        android:padding="24dp"
        tools:context=".MainActivity">
       ...
       </LinearLayout>
</layout>

也可以使用 IDE 快速转换
在这里插入图片描述

3. Activity 文件改写

  • 类名根据 xml 文件的名字生成
  • xxxBinding
  • 生成规则：activity_main.xml -> ActivityMainBinding
public class MainActivity extends AppCompatActivity {

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

4. 替换 fingViewById

  • 规则：控件id first_Name -> firstName
  • binding.xxxView
  • 使用：binding.firstName == (TextView) findViewById(R.id.first_Name)
<TextView
    android:id="@+id/first_name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

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

binding.firstName.setText(student.getFirstName());
binding.lastName.setText(student.getLastName());

运行结果：
在这里插入图片描述

5. 数据绑定

xml 声明变量

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

    <data>
        <variable
            name="student"
            type="com.test.databingding.Student" />
    </data>

    <LinearLayout>
	...

数据绑定
android:text="@{student.firstName}

<TextView
    android:id="@+id/first_name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@{student.firstName}"/>

<TextView
    android:id="@+id/last_name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@{student.lastName}"/>

在代码中使用 setStudent 或者 setVariable 传入数据

binding.setStudent(student);
binding.setVariable(BR.student, student);

运行效果与上图相同

6. 事件绑定

处理点击事件1

使用 TextView 实时显示输入内容

  1. 创建内部类 Presenter 处理事件
public class Presenter {
	public void onTextChanged(CharSequence s, int start, int before, int count) {
	    student.setFirstName(s.toString());
	    binding.setStudent(student);
	}
}
  1. xml <data>标签中中声明新的变量<variable>
<variable
	name="presenter"
	type="com.test.databingding.MainActivity.Presenter" />
  1. 调用 Java 代码中的事件方法
    android:onTextChanged="@{presenter.onTextChanged}"
<EditText
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:onTextChanged="@{presenter.onTextChanged}"
    android:hint="输入 First Name" />
  1. 向 dataBingding 中传入类
	@Override
    protected void onCreate(Bundle savedInstanceState) {
        ...
        binding.setPresenter(new Presenter());
    }

运行结果：
在这里插入图片描述
处理点击事件2

android:onClick="@{presenter.onClick}"

<EditText
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:onClick="@{presenter.onClick}"
    android:hint="输入 Last Name" />

public void onClick(View v) {
    Toast.makeText(MainActivity.this,
            "you have clicked EditView.", Toast.LENGTH_SHORT).show();
}

运行结果：
在这里插入图片描述
使用 lambda 表达式处理事件

android:onClick="@{() -> presenter.showToast(student)}"
这样使用可以传参数到 Java 代码中。

<Button
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:onClick="@{() -> presenter.showToast(student)}"
	android:text="show name" />

public void showToast(Student student) {
    Toast.makeText(MainActivity.this,
            student.toString(), Toast.LENGTH_SHORT).show();
}

运行结果：
在这里插入图片描述

7. 表达式

  • 一些运算符的例子
    android:text="@{String.valueOf(index + 1)}"
    android:visibility="@{age < 13 ? View.GONE : View.VISIBLE}"
    android:transitionName='@{"image_" + id}'
  • 调用成员变量
    android:text="@{viewmodel.name}"
  • 调用方法
    android:visibility="@{viewmodel.nameVisible}"
  • 调用带参数的方法
    android:onClick="@{() -> viewmodel.onLike(param)}"
    -取非空表达式
    android:onClick="@{user.name ?? user.newName)}"

8. 空指针检测

查看 dataBinding 的源码可以发现，它会自动帮我们进行空指针检查。
ActivityMainBindingImpl 类中的 executeBindings() 方法可以查看。

...
if ((dirtyFlags & 0x6L) != 0) {

    if (student != null) {
        // read student.lastName
        studentLastName = student.getLastName();
        // read student.firstName
        studentFirstName = student.getFirstName();
    }
}
...

但注意但的是 xml 中如果引用的数组越界了是会产生异常的。

9. include

创建一个 include_demo.xml

<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <data>

        <variable
            name="student"
            type="com.test.databingding.Student" />

    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center_horizontal"
        android:orientation="vertical"
        android:padding="24dp"
        tools:context=".MainActivity">

        <TextView
            android:id="@+id/first_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{student.firstName}" />

        <TextView
            android:id="@+id/last_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{student.lastName}" />

    </LinearLayout>
</layout>

在 activity_main.xml 中使用 include

<include
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            layout="@layout/include_demo"
            app:student="@{student}"/>

app:student=“@{student}” 可以传入变量 include_demo.xml 中的 student

10. viewstub

创建一个 viewstub_demo.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher"/>

</LinearLayout>

在 activity_main.xml 中使用 ViewStub

<ViewStub
            android:id="@+id/view_stub"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout="@layout/viewstub_demo"/>

在 MainActivity.java infate ViewStub

binding.viewStub.getViewStub().inflate();

这里要注意 viewstub 在 inflate 后会变为真正的 view，原来的 viewstub 会变为 null 所以不能重复 inflate。
在这里插入图片描述

11. observable

简单来说就是我的数据更新了，需要你刷新绑定该数据的控件。

使用 BaseObservab

使用 BaseObservab 的三个步骤

  1. 数据对象继承 BaseObservab 类
  2. 使用 @Bindable
  3. 调用方法 notifyPropertyChange()

在

public class Student extends BaseObservable {
	...
	@Bindable
	public String getFirstName() {
	    return firstName;
	}
	
	public void setFirstName(String firstName) {
	    this.firstName = firstName;
	    //刷新指定的UI
	    notifyPropertyChanged(BR.firstName);
	    //刷新相关的全部UI
	    //notifyChange();
	}
	...
}

在 MainActivity.java 中修改之前的内部类

public class Presenter {
    public void onTextChanged(CharSequence s, int start, int before, int count) {
        student.setFirstName(s.toString());
        //binding.setStudent(student);
    }

最后运行代码，可以发现现在数据变更就可以自动刷新变更的UI了，不需要再使用 binding.set。

Observable Collection
在不确定 Observable 里有多少数据时使用。
这里使用 ObservableArrayMap 来举例，ObservableArrayList 使用方法相同。

在 Student.java 中创建一个ObservableArrayMap

public class Student extends BaseObservable {
	...
	public ObservableArrayMap<String, String> user = new ObservableArrayMap<>();
	
	public Student(String firstName, String lastName) {
	        this.firstName = firstName;
	        this.lastName = lastName;
	        user.put("Jack", "Rain");
	}
    ...
}

在 xml 文件中引用变量

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text='@{student.user["Jack"]}' />

12. BR 文件

BR 是编译阶段生成的一个类，功能与 R.java 类似，用 @Bindable 标记过 getter 方法会在 BR 中生成一个 entry， 当数据发生变化时需要手动发出通知。 通过调用notifyPropertyChanged(BR.firstName)来通知系统 BR.firstName 这个 entry 的数据已经发生变化，需要更新 UI。

3Blue1Red
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
AndroidDataBinding原理解析
02-25
首先声明，本文讲解的Android...DataBinding框架是去年谷歌I/O大会上介绍的“新技术”，数据绑定框架能够给我们带来了一定的方便，无需findviewByID操作也可获取View，数据Model更新自动映射到控件上……AndroidDatab
android data binding实践之：ViewDataBinding
小火鸡的Android
11-30 1万+
android data binding实践之：ViewDataBinding 使用过data binding的应该都知道，在编译之后，这个库会为我们生成两种java文件。 BR.java： 这个文件主要是给我们在XML文件中每个标签设置的variable以及被Bindable注解的属性添加一个静态的int类型的索引，在以后对这些variable进行操作的时候都可以使用这个索引id作为参数...
DataBinding使用全面详解
blueangle17的专栏
03-12 859
转自：https://www.jianshu.com/p/ba4982be30f8一、DataBinding使用&lt;h2 id="1-1"&gt;1.使用环境&lt;/h2&gt;DataBinding是一个support library,所以它可以支持所有的android sdk，最低可以到android2.1（API7）。使用DataBinding需要Android Gradle插件的支持...
Android开发必看：一文教你完全理解DataBinding框架（上
最新发布
03-19 711
学习学习。
Android DataBinding 高级用法总结
yanhuomatou2015的博客
09-28 2026
DataBinding快速上手，布局细节： 1.< data>…< /data>标签内可以有多个 import 标签。你可以在布局文件中像使用 Java 一样导入引用。 2.当类名发生冲突时，可以使用 alias,像这样： < data> <import type=“com.wenzhibin.View” alias=“myView”/> < /data> 3.< data>…< /data>标签内可以有任意数量的 var
Android开发必看：一文教你完全理解DataBinding框架（下）DataBinding 用法集合
m0_46962786的博客
10-30 907
前情 Android开发必看：一文教你完全理解DataBinding框架（上） 上面我们知道了，在 xml 中定义 view 的 id 后，会在 Binding 类中自动生成对应的变量，规则就是去除下划线，并从第二个字母开始首字母大写。 Binding 类自动生成后，如何实例化呢？MVVMArchitecture 框架帮你实例化了，使用的是内置的 DataBindingUtil 工具类，通过 inflate 或 setContentView 方法，可传入 xml 后生成指定的 Binding 实例，或者和已
Android databinding的接入使用与详解(一)
12-02 3205
DataBinding 是Google Android组件框架，管理view和data之间进行绑定。DataBinding主要管理数个布局文件，这样我们就不用去实例化layout的view。直接通过DataBindingUitl来完成初始化。
适用于Android开发者的Databinding自定义view双向绑定
1
04-14 3063
作者：BuildF 前言 本篇默认读者已经对databinding 有过一定的了解，如果不甚了解，可以看看东哥的DataBinding最全使用说明，很多人排斥databinding,但也有人喜欢使用。虽然它有争议，但是不妨碍我们去学习、了解。 本篇讲述的是自定义view如何来双向绑定数据，来实现在xml中使用自定义也能达到 app:customvalue="@={userName}"的效果 app:xx=“@{userName}” 单向绑定 app:xx=“@={userName}” 双向绑定 引入.
Android DataBinding (五) 自定义 View 的双向绑定
热门推荐
teletian的专栏
07-16 1万+
前言自定义 View 的时候如果用到非系统定义的属性的时候，如果要实现双向绑定，不是用了 @= 就行的，自定义 View 中还需要一些设置。下面通过一个例子来说明自定义 View 的双向绑定的实现。例子要求： 1. 通过 RadioButton 来选择爱好（爱好的选项是：吃饭 / 睡觉 / 打豆豆） 2. 画面加载的时候显示初始的爱好值（将 ViewModel 里设好的值传到 RadioButt
Android Data Binding 系列(二) -- Binding与Observer实现原理
choubei0124的博客
07-13 258
写在前面 上篇文章 Android Data Binding 系列(一) -- 详细介绍与使用 介绍了 Data Binding 的基础及其用法，本文接上篇，结合DataBindingDemo 来学习下 Data Binding 的实现。 绑定实现 Activity在inflate layou...
Android DataBinding 自定义View实现数据双向绑定
吃饭不玩手机的博客
03-26 1312
setNumberListener() 用于给框架设置数据变化监听，当监听到变化时，框架就会调用getNumber()来获取数据并应用到ViewMode上。（方法内部调用了一个ListenerUtil.trackListener()方法，这是官方的推荐的写法，用于监听器类型是集合的情况下，如果是set/get之类的那就直接set新的监听器即可。setNumber() 用于把数据设置到View上，这里还需要添加数据是否重复，重复了就return，不然有概率会死循环。成功的实现了双向数据绑定。
AndroidMVVM应用框架构建过程详解
02-25
MVVM是一种架构模式，而DataBinding是一个实现数据和UI绑定的框架，是构建MVVM模式的一个工具。之前看过很多关于AndroidMVVM的博客，但大多数提到的都是DataBinding的基本用法，很少有文章仔细讲解在Android中是如何...
ViewBinding与MVVM框架
01-20
目前android 的MVVM框架主要是使用 databinding实现双向数据绑定，来降低耦合度。 首先是用databinding来实现mvvm框架，下面是一个我自己总结的使用databinding来实现mvvm框架的简单示例。 之后是我使用Viewbinding...
AndroidMVVM框架MVVMFramework.zip
07-17
这是一个搭建MVVM模式极速开发库，DataBinding 和 Retrofit 配合使用搭建的快速框架。环境AndroidStudio 2.1MVVM模式MVVM模式：View，ViewModel，Model，三者关系如上图。 Android 的MVVM模式：View 在 大多情况下...
AndroidStudio插件 GsonFormatPlus使用
3Blue1Red的博客
01-17 8951
How to use lombok plugin in Android Studio? https://stackoverflow.com/questions/37991892/how-to-use-lombok-plugin-in-android-studio
Android组件 Activity的显式启动与隐式启动详解
3Blue1Red的博客
10-02 3136
显式启动： 显式启动比较简单，首先创建一个Intent，指定应用程序上下文和需要启动的Activity，然后调用startActivity来启动新的Activity。 <!--AndroidManifest.xml--> <activity android:name=".SecondActivity"></activity> //启动Activity Intent it = new Intent(this, SecondActivity.class); startAct
Adnroid组件 Activity数据传递/DialogActivity使用
3Blue1Red的博客
10-03 2038
一、Activity Dialog 概述 在使用 Dialog 时，如果需要用到很多自己设计的控件，虽然可以让弹出框显示出我们需要的界面，但却无法找到地方完成控制代码的编写，如何解决这个问题呢，我们可以将Activity伪装成Dialog弹出框，这样既显示了界面，又可以在Activity里写控制代码。这就是DialogActivity。 默认情况下，一个 Activity 占据整个屏幕。然而，可以为一个 Activity 设置一个“对话框”主题，这样它就能像一个浮动的对话框显示出来了。举个例子，你可能想要把
Android控件 状态颜色控制ColorStateList简单使用
3Blue1Red的博客
01-22 1719
Refer from : How do I create ColorStateList programmatically? https://stackoverflow.com/questions/15543186/how-do-i-create-colorstatelist-programmatically?answertab=active#tab-top private class ColorStateListBuilder { List<Integer> colors = new A
kotlin 如何 使用 dataBinding 和 VideModel 完成双向绑定
06-10
要使用双向绑定，需要在项目中引入Data Binding库。在项目的build.gradle文件中添加以下依赖项： ``` android { ... dataBinding { enabled = true } } dependencies { ... implementation 'androidx.lifecycle:lifecycle-extensions:2.2.0' } ``` 接下来，我们需要创建ViewModel类。在ViewModel中定义我们需要绑定的变量，并提供getter和setter方法。例如： ``` class MyViewModel : ViewModel() { var name = MutableLiveData<String>() fun setName(newName: String) { name.value = newName } fun getName(): String? { return name.value } } ``` 接下来，我们需要在布局文件中设置双向绑定。例如： ``` <layout xmlns:android="http://schemas.android.com/apk/res/android"> <data> <import type="android.view.View"/> <variable name="viewModel" type="com.example.MyViewModel"/> </data> <EditText android:id="@+id/editText" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@={viewModel.name}" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Set Name" android:onClick="@{() -> viewModel.setName(editText.text.toString())}" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@{viewModel.name}" /> </layout> ``` 在这个布局文件中，我们使用了双向绑定来绑定EditText和TextView中的文本。我们还定义了一个Button来设置ViewModel中的变量。在Button的onClick属性中，我们调用了ViewModel中的setName()方法来设置变量的值。 最后，我们需要在Activity中创建ViewModel实例，并将其绑定到布局文件中。例如： ``` class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) val binding: ActivityMainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main) val viewModel = ViewModelProvider(this).get(MyViewModel::class.java) binding.viewModel = viewModel binding.lifecycleOwner = this } } ``` 在这个例子中，我们使用了DataBindingUtil类来绑定布局文件。我们还创建了一个ViewModel实例，并将其绑定到布局文件中。最后，我们设置了lifecycleOwner，以确保数据绑定可以正确地处理生命周期事件。 这样，我们就完成了使用dataBinding和ViewModel进行双向绑定的过程。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值