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
ITRenj的博客
11-06 1238
Android DataBinding github 传送门 https://github.com/itrenjunhua/AndroidDataBinding 简单使用数据绑定 1、添加 Android DataBinding 支持 Android studio 需要在1.3以上，在module级别的gradle中添加大DataBinding支持 android { data...
android的数据绑定databinding示例
06-29
演示文字/数字输入项,switch,imageview与viewmodule实例的数据绑定, 简直明了, 一看就会.
Android Switch禁止手动切换状态
jakeluo的博客
02-16 735
Android Switch禁止手动切换状态
Android基础入门：dataBinding的简单使用
最新发布
2401_84537603的博客
04-27 2335
那么如何在data标签中定义数据呢？通过标签，定义数据的名字name和类型type，这个类型可以是java中的所有基本类型然后到布局中，用插值表达式将数据替代掉不过现在什么也不会显示，因为这两个变量只定义了，没有赋值看到这，我们也明白data标签的好处之一了，数据的定义都在data标签中，而constraint中就只管布局，通过插值表达式来绑定数据，不会出现数据。那么data标签里的数据又如何初始化赋值呢？这部分逻辑操作就交给Activity了。
DataBinding原理分析
ting说你跳？
03-18 2386
前言 现在公司用的框架是MVVM，用到MVVM肯定少不了databinding。 最近业务上遇到一个问题，需要动态生成一张图片，并将图片分享出去。我的思路就是写一个xml动态生成一个View，利用databinding绑定这个View，然后获取数据刷新对应的ViewModel，再将View转化成Bitmap分享出去。结果发现，数据并没有填充到View上。这是为什么呢？ 当时的猜想，可能是因为...
Android11——DataBinding的使用
无限迭代中......
10-19 1325
官方文档：https://developer.android.google.cn/reference/android/databinding/ 在app的build.gradle文件的android节点中添加以下内容: buildFeatures { dataBinding = true } dataBinding { enabled = true } 将光标停留在一个布局xml文件的根布局处，点击Alt+Enter
【Android】DataBinding 最全使用解析
lucashu的博客
08-20 4891
是谷歌官方在2015谷歌I/O大会发布的一个数据绑定框架，是MVVM模式在 Android 上的一种实现，用于降低布局和逻辑的耦合性，使代码逻辑更加清晰。能够省去我们一直以来的步骤，大量减少 Activity 内的代码，也是中非常重要的一部分。
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,.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开发——DataBinding介绍
m0_54156164的博客
11-29 1639
Databinding是谷歌的一个官方支持库，它允许您使用声明性格式而不是通过编程方式将布局中的UI组件绑定到应用程序中的数据源。通常在活动中使用调用UI框架方法的代码来定义布局。
快速开发偷懒必备(二) 支持DataBinding啦~爽炸，花式列表一行实现
weixin_33777877的博客
12-13 192
本篇文章已授权微信公众号 guolin_blog （郭霖）独家发布 概述 在前文快速开发偷懒必备（一）中，我们利用Adapter模式封装了一个库，能快速为任意ViewGroup添加子View。有如下特点： 快速简单使用 支持任意ViewGroup 无耦合 无侵入性 Item支持多种类型 在库中V1.1.0版本，我也顺手加入了RecyclerView、ListView、GridView的...
Android进阶六:Databinding的双向绑定
lixpjita39的专栏
12-08 4121
在Android Studio 2.1 Preview 3之后，官方开始支持双向绑定了。 什么是双向绑定呢？ 下面是Data Binding的基本使用：<layout ...> <data> <variable type="com.example.myapp.User" name="user"/> </data> <RelativeLayout ...> <EditT
Android databinding的接入使用与详解(一)
12-02 3471
DataBinding 是Google Android组件框架，管理view和data之间进行绑定。DataBinding主要管理数个布局文件，这样我们就不用去实例化layout的view。直接通过DataBindingUitl来完成初始化。
Android Jetpack（2）：DataBinding的使用
qq_36699930的博客
11-13 2006
Android DataBinding 从入门到进阶 DataBinding 介绍 DataBinding 是谷歌官方发布的一个框架，顾名思义即为数据绑定，是 MVVM 模式在 Android 上的一种实现，用于降低布局和逻辑的耦合性，使代码逻辑更加清晰。MVVM 相对于 MVP，其实就是将 Presenter 层替换成了 ViewModel 层。DataBinding 能够省去我们一直以来的 findViewById() 步骤，大量减少 Activity 内的代码，数据能够单向或双向绑定到 layout
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、付费专栏及课程。

余额充值