Android - DataBinding

已于 2022-04-08 08:19:22 修改
阅读量1.7k 收藏
点赞数
分类专栏： Android 文章标签： android DataBinding
于 2022-04-05 19:56:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jay_Xio/article/details/123974935
版权

文章目录

1. 说明

写一个简单的DataBinding，主要涉及，图片、文字、按钮点击以及静态函数调用
界面：
在这里插入图片描述

2. 创建工程

在activity_main.xml中添加几个基础控件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".MainActivity">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:scaleType="fitCenter"
            tools:src="@tools:sample/avatars"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            android:textSize="26sp"
            tools:text="书名" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            tools:text="作者" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            tools:text="评分：五星" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="20dp"
            android:text="想要" />

    </LinearLayout>

这里涉及到数的 书名、作者、图片、评价，创建一个书的类：
Book.java:

public class Book {
    public String bookName;
    public String bookAuthor;
    public int star;
    public int bookImageRes;


    public Book(String bookName, String bookAuthor, int star, int bookImageRes) {
        this.bookName = bookName;
        this.bookAuthor = bookAuthor;
        this.star = star;
        this.bookImageRes = bookImageRes;
    }
}

然后，把数据 Book 与 activity_main 进行绑定。

3. 添加绑定

首先要在 build.gradle 中添加：

buildFeatures{
    dataBinding true
}

如图：
在这里插入图片描述
修改 build.gradle 并同步完成后，在activity_main.xml第一行，使用快捷键 alt + enter，选择 Convert to data binding layout，然后activity_main.xml中自动增加了datay元素，在data里面增加Book类的绑定

	<data>
        <variable
            name="book"
            type="com.example.databinding.Book" />
    </data>

给页面中相应元素绑定到Book类的成员变量，此时，activity_main.xml代码变成如下这样：

<?xml version="1.0" encoding="utf-8"?>
<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="book"
            type="com.example.databinding.Book" />
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".MainActivity">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:scaleType="fitCenter"
            tools:src="@tools:sample/avatars"
            app:imageResource="@{book.bookImageRes}" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            android:textSize="26sp"
            tools:text="书名"
            android:text="@{book.bookName}"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            tools:text="作者"
            android:text="@{book.bookAuthor + ` 著`}"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            tools:text="评分：五星" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="20dp"
            android:text="想要"/>

    </LinearLayout>
</layout>

在MainActivity.java中继续绑定：

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //setContentView(R.layout.activity_main);
        // 把setContentView改成下面这种写法
        ActivityMainBinding activityMainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);

        Book book = new Book("重构：改善既有代码的设计", "Martin Fowler", 5, R.drawable.refactoring);
        activityMainBinding.setBook(book);
    }
}

运行程序，此时能看到界面中的图片、书名、作者能正常显示出来了。
但是，评分和按钮还未实现。

4. 绑定静态函数

Book类中的评分是使用数字 1 ~ 5 ，但是界面显示的是“ 一星、二星… ”这样的，需要写一个函数转换一下，我们写一个静态函数来转换，添加一个类 BookStarUtils.java：

public class BookStarUtils {

    public static String getStar(int star) {
        switch (star) {
            case 1:
                return "一星";
            case 2:
                return "二星";
            case 3:
                return "三星";
            case 4:
                return "四星";
            case 5:
                return "五星";
        }

        return "";
    }
}

把这个静态函数绑定到界面的元素中，要在 activity_main.xml 的data下使用import导入此静态类：

	<data>
        <import type="com.example.databinding.BookStarUtils" />
    </data>

然后，绑定到评分的TextView中
在这里插入图片描述
此时 activity_main.xml 的代码如下：

<?xml version="1.0" encoding="utf-8"?>
<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="book"
            type="com.example.databinding.Book" />
        <import type="com.example.databinding.BookStarUtils" />
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".MainActivity">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:scaleType="fitCenter"
            tools:src="@tools:sample/avatars"
            app:imageResource="@{book.bookImageRes}" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            android:textSize="26sp"
            tools:text="书名"
            android:text="@{book.bookName}"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            tools:text="作者"
            android:text="@{book.bookAuthor + ` 著`}"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            tools:text="评分：五星"
            android:text="@{BookStarUtils.getStar(book.star)}"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="20dp"
            android:text="想要"/>

    </LinearLayout>
</layout>

5. 绑定Button点击

创建一个 ButtonHandleListener.java类处理Button点击事件

public class ButtonHandleListener {
    private Context context;

    public ButtonHandleListener(Context context) {
        this.context = context;
    }

    public void buttonOnClick(View view){
        Toast.makeText(context, "想要", Toast.LENGTH_SHORT).show();
    }
}

先在activity_main.xml 的data下引入此类：

	<data>
        <variable
            name="buttonHandleListener"
            type="com.example.databinding.ButtonHandleListener" />
    </data>

然后绑定到Button中
在这里插入图片描述
activity_main.xml 的完整代码如下：

<?xml version="1.0" encoding="utf-8"?>
<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="book"
            type="com.example.databinding.Book" />
        <variable
            name="buttonHandleListener"
            type="com.example.databinding.ButtonHandleListener" />
        <import type="com.example.databinding.BookStarUtils" />
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".MainActivity">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:scaleType="fitCenter"
            tools:src="@tools:sample/avatars"
            app:imageResource="@{book.bookImageRes}" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            android:textSize="26sp"
            tools:text="书名"
            android:text="@{book.bookName}"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            tools:text="作者"
            android:text="@{book.bookAuthor + ` 著`}"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            tools:text="评分：五星"
            android:text="@{BookStarUtils.getStar(book.star)}"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="20dp"
            android:text="想要"
            android:onClick="@{buttonHandleListener.buttonOnClick}"/>

    </LinearLayout>
</layout>

还需要在 MainActivity.java中把ButtonHandleListener类绑定到ActivityMainBinding
在这里插入图片描述

public class MainActivity extends AppCompatActivity {

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

        Book book = new Book("重构：改善既有代码的设计", "Martin Fowler", 5, R.drawable.refactoring);
        activityMainBinding.setBook(book);
        activityMainBinding.setButtonHandleListener(new ButtonHandleListener(this));
    }
}

代码全部完成，运行效果如第1节展示效果。



6. 示例代码

https://gitee.com/jie-xio/android_samples/tree/master/DataBinding



7. 其他参考资料

J_Xio
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android-databinding-example
05-14
android-databinding-example 一个非常基本的示例，说明如何在android中实现数据绑定。 此示例包括如何将数据绑定到单个视图和ListView项目。 listview自定义适配器中的GetView方法。 @Override public View getView...
android-databinding-master.zip
08-30
jetpack中databinding的使用方式
Android-Databinding
qq_36342492的博客
12-25 272
Android-Databinding 简介 Databinding 是一个实现数据和UI绑定的框架 1.引入 Android 2.1以上（API级别7+） Android 的 Gradle 插件版本不低于 1.5.0-alpha1 android { .... dataBinding { enabled = true } } 2.为什么要使用Data Binding? 首先我们看一下传统的写法 一般情况下都是写一堆layout, 你通过f...
Android 界面库 (二) 之 Data binding 详细介绍
子云心的博客
06-25 988
Data binding 是官方推荐的视图数据绑定方案，它可以减少了手动编写代码来实时同步 UI 和数据的工作量，使开发更加高效，它的自动同步机制也减少了人为同步时容易产生的错误情况，而且可以更容易地维护和扩展代码，因为 UI 逻辑和数据逻辑被明确分离。
Android开发-DataBinding基本使用
田野上的风筝
11-27 454
简述 Jetpack是谷歌发布的一系列辅助android开发者的实用工具，以帮助开发者构建出色的 Android 应用。Jetpack 里面包含4个部分的组件：Architecture、Foundation、Behavior 、UI 。数据绑定库是一种支持库，借助该库，您可以使用声明性格式（而非程序化地）将布局中的界面组件绑定到应用中的数据源。 作用： 1.将布局组件与源数据绑定，使源数据变化的同时布局组件及时同步更新。 2.减少Activity中View的定义(private View view)与初
Android--Jetpack--Databinding详解
袁震的博客
12-06 1206
不经一番寒彻骨，怎得梅花扑鼻香
Android - DataBinding ViewModel LiveData
搬砖
04-07 2214
DataBinding ViewModel LiveData
Android-DataBinding-从入门到进阶
2401_84121998的博客
04-22 337
继承于 Observable 类相对来说限制有点高，且也需要进行 notify 操作，因此为了简单起见可以选择使用 **ObservableField**。dataBinding 也提供了包装类用于替代原生的 List 和 Map，分别是 ObservableList 和 ObservableMap,当其包含的数据发生变化时，绑定的视图也会随之进行刷新。当中 propertyId 就用于标识特定的字段。* 时间：2018/5/13 21:33。Log.e(TAG, "未知");
android 事件参数传递,android-databinding – 使用android DataBinding库如何将参数传递给绑定事件...
weixin_42123191的博客
05-26 519
我得到了答案.在xml for onclick中使用lambda表达式layout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto">name="movie"type="embitel.com.databindingexam...
Android-DataBinding-从入门到进阶，字节跳动上千道精选面试题还不刷起来
m0_60229361的博客
03-23 216
看以下例子，当 EditText 的输入内容改变时，会同时同步到变量 goods,绑定变量的方式比单向绑定多了一个等号：android:text=“@={goods.name}”双向绑定的意思即为当数据改变时同时使视图刷新，而视图改变时也可以同时改变数据。
Android--Jetpack--Databinding源码解析
袁震的博客
12-11 1113
慢品人间烟火色，闲观万事岁月长。
Android JetPack系列---DataBinding
洒家卖蘑菇的博客
12-16 2347
这一篇博客主要是针对DataBinding的使用以及入门 jetpack系列 **第一篇：jetpack—Lifecycle的运用 第二篇：jetpack—ViewModel的了解 第三篇：jetpack—LiveData的使用 第四篇： JetPack系列—DataBinding的使用入门 ** 首先了解DataBinding的作用主要是干什么？ DataBinding主要是用于数据绑定的一个库，借助该库，您可以使用声明性格式（而非程序化地）将布局中的界面组件绑定到应用中的数据源。 举个例子： 一般的写法
android-databinding,.zip
10-11
- 文件夹`databinding-samples-master`中的示例可能包括了基础绑定、复杂表达式、事件处理、数据源绑定等多种场景，每个示例都有详细的注释和解释。 通过研究这个开源项目，开发者可以学习如何有效地利用Android...
Android-DataBinding-Example:数据绑定示例
05-13
在这个"Android-DataBinding-Example"项目中，我们将深入探讨如何在Android应用中实现数据绑定，特别是使用Java语言。数据绑定库允许开发者将UI组件直接绑定到数据源，减少手动设置监听器和更新UI的工作量，提高代码...
android-databinding-playground:一个有关使用Android数据绑定库的运动场应用程序
04-30
android-databinding-playground 一个有关使用Android数据绑定库的运动场应用程序。 该应用程序代表一个简单的联系人管理，它列出了已保存的联系人并创建了一个新联系人。 该项目使用： Kotlin编程语言 Android...
【Android】广播机制
2301_79977698的博客
07-24 846
在Android中，广播（Broadcast）是一种消息，任何应用程序都可以发送广播消息，任何应用程序也都可以接收广播消息。广播通常用于通知应用程序某些事件的发生，比如系统启动、电量低、网络状态改变等。Broadcast Receiver（广播接收器）：用于接收广播消息并响应这些消息的组件。Intent（意图）：用于传递广播消息的数据结构。标准广播（Normal Broadcast）是完全异步的，所有接收器几乎同时接收广播，并且接收顺序是不确定的。
Unity Android接入SDK 遇到的问题
qq_37672438的博客
07-25 951
所以获取gradle.properties 文件的位置的时候，2019之后要返回上一级再获取，即：/Temp/ gradleout/unityLibrary/../gradle.properties。其实就是gradle版本太低了，升级下gradle，会自动的去升级kotlin，也就是升级Android studio或者idea。之后变成了/Temp/ gradleout/unityLibrary。下载jd_gui 工具 ，或者 idea 下载jd 插件，为/Temp/ gradleout。
Android笔试面试题AI答之Android系统与综合类（1）
最新发布
学无止境，止于至善
07-25 926
答案仅供参考，来着文心一言、Kimi.ai。
android studio databinding
08-04
在Android Studio中遇到databinding not found的错误，可以尝试以下解决方法。首先，确保你的项目中已经正确配置了DataBinding。在build.gradle文件的android配置项下添加dataBinding{ enabled true }，这样就启用了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值