Android开发之DataBinding的使用

最新推荐文章于 2024-05-20 09:22:23 发布
最新推荐文章于 2024-05-20 09:22:23 发布
阅读量1.6k 收藏 2
点赞数 2
分类专栏： Android进阶 文章标签： android android开发 设计模式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013144863/article/details/53560519
版权

Android开发之DataBinding的使用

Google在2015年峰会上推出的一种设计模式, 其实早在2014年已经出现.
本文只介绍了如何使用DataBinding, 没有做底层的分析, 大神请绕道 ^v^

DataBinding的配置方法

在当前Module的build.gradle下添加下面代码


android {
    dataBinding {
        enabled true
    }
}

同步工程, OK! 初次使用可能稍慢

DataBinding的基本使用

DataBinding的理念就是: No findViewById , 好, 那我们就来看看它的基本使用

先来看看如何显示数据

  1. 先来个实体类: User

    public class User {
  private String name;
  private String nickName;
  private String email;
  // setter和getter ...

  2. 设置布局. 我们就放三个TextView在屏幕中间, 用于显示用户名,昵称和邮箱, 我们用DataBinding来设置

    activity_main.xml

    <?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="user"
          type="com.example.lulu.databindingdemo.User"/>
  </data>
  <LinearLayout
    ...
      >
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="@{user.name}"/>
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="@{user.nickName}"/>
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="@{user.email}"/>
  </LinearLayout>
</layout>

    Note: 当编译时会默认生成一个ActivityMainBinding的类供我们在Activity中使用

  3. Activity中配置

    
public class MainActivity extends AppCompatActivity {

  @Override
  protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      //setContentView(R.layout.activity_main);
      //使用DataBinding的方式载入 在使用DataBinding的形式写完布局文件后会默认形成下面这样的类
      ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
      User user = new User();
      user.setName("用户名");
      user.setNickName("昵称");
      user.setEmail("example@qq.com");
      binding.setUser(user);
  }
}

    Note: 使用上面的方式就会在Activity上显示这三个基本信息

    Paste_Image.png

现在我们更改需求, 如果我们要求用户有Vip, 根据是否是Vip来设置用户名的颜色, 该怎么办呢 ?

  1. 修改实体类, 添加boolean vip; 字段

  2. 修改布局中 用户名 的TextView

    <TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:textColor="@{user.vip ? 0xffff0000 : 0xff000000}"
  android:text="@{user.name}"/>

  3. 修改MainActivity, 添加设置Vip的set方法, 成功实现

    Paste_Image.png

    Note: 通过上面可以看出在@{}中可以写一些简单的表达式, 例如:赋值表达式,连接表达式等

那我们接着变化需求: 如果我们需要在一个控件中显示并且符合这种形式: 昵称(用户名), 此时需要注意如何在@{}中写”“呢 ?, 修改代码如下

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@{user.nickName + `(` + user.name + `)`}"
    android:textColor="@{user.vip ? 0xffff0000 : 0xff000000}"/>

Note: 使用键盘上 1 键左边的按键

Paste_Image.png

有些情况下需要对某一对象判空操作, 可以使用 ??, 例如:

android:text="@{user.nickName ?? user.name}"

Note: 如果左侧为空则显示右侧的, 若左侧不为空则显示左侧的
对于在@{}中书写某些符号,例如 “>”和”<”符号,这些符号都是与xml中的标记有冲突的应使用转义字符代替, 如:

&gt; 和 &lt;

DataBinding的监听设置

现在我们增加需求, 要求可以点击用户名和长按昵称分别弹出Toast

  1. 在实体类中添加下面的两个方法, 一个是点击用户名一个是长按昵称

    public void clickName(View view) {
  Toast.makeText(view.getContext(), "点击用户名", Toast.LENGTH_SHORT).show();
}

public boolean longClickNickName(View view) {
  Toast.makeText(view.getContext(), "长按昵称", Toast.LENGTH_SHORT).show();
  return true;
}

  2. 修xml文件

    <TextView
  android:onClick="@{user.clickName}"
  ...
  />
<TextView
  android:onLongClick="@{user.longClickNickName}"
  ...
  />

    DataBinding.gif

注意事项

  1. xml中onClick后面的方法名必须和实体类中方法名完全相同
  2. 参数列表和返回值类型必须和监听方法是一样的, 否则会报以下的异常:
Error:Execution failed for task ':app:compileDebugJavaWithJavac'.
> java.lang.RuntimeException: Found data binding errors.
****/ data binding error ****msg:Listener class android.view.View.OnLongClickListener with method onLongClick did not match signature of any method user.longClickNickName

再来修改需求, 要求屏幕显示两个用户, 并且可以传入两个不同的用户
可以考虑使用include实现引入布局文件, 但是数据怎样传入呢 ?

  1. 增加user_layout.xml文件

    <?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="user"
          type="com.example.lulu.databindingdemo.User"/>
  </data>

  <LinearLayout
      android:id="@+id/activity_main"
      android:layout_width="0dp"
      android:layout_weight="1"
      android:layout_height="match_parent"
      android:gravity="center"
      android:orientation="vertical"
      tools:context="com.example.lulu.databindingdemo.MainActivity">
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:onClick="@{user.clickName}"
          android:text="@{user.nickName + `(` + user.name + `)`}"
          android:textColor="@{user.vip ? 0xffff0000 : 0xff000000}"/>

      <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:onLongClick="@{user.longClickNickName}"
          android:text="@{user.nickName}"/>

      <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="@{user.email}"/>
  </LinearLayout>
</layout>

  2. 修改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>
      <!--导入-->
      <import type="com.example.lulu.databindingdemo.User"/>
      <!--变量-->
      <variable
          name="users"
          type="java.util.List&lt;User&gt;"/>
  </data>
  <LinearLayout
      android:id="@+id/activity_main"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:gravity="center"
      android:orientation="horizontal"
      tools:context="com.example.lulu.databindingdemo.MainActivity">
      <include layout="@layout/user_layout" app:user="@{ users[0] }"/>
      <include layout="@layout/user_layout" app:user="@{ users[1] }"/>
  </LinearLayout>
</layout>

    Note: 使用include导入user的布局文件, app:user中的user与user_layout.xml中的user变量对应

  3. 修改Activity文件

    User user = new User();
user.setName("用户名");
user.setNickName("昵称");
user.setEmail("example@qq.com");
user.setVip(true);

User user1 = new User();
user1.setName("新用户名");
user1.setNickName("新昵称");
user1.setEmail("new@qq.com");
user1.setVip(false);

List<User> list = new ArrayList<>();
list.add(user);
list.add(user1);
binding.setUsers(list);

Paste_Image.png

DataBinding的增加自定义属性

我们知道从网络获取的图片我们一般在实体类中只保存其网络地址, 这个时候我们发现如何使用DataBinding呢 ? (上代码)

  1. 写一个工具类, 用于将Url和ImageView进行绑定

    public class Utils {
  @BindingAdapter({"imageUrl"})
  public static void loadImage(ImageView imageView, String url) {
      if (TextUtils.isEmpty(url)) {
          //如果网址为空, 默认加载ic_launcher
          imageView.setImageResource(R.mipmap.ic_launcher);
      } else {
          //使用Glide加载图片
          Glide.with(imageView.getContext()).load(url).into(imageView);
      }
  }
}

    Note:这个地方使用@BindingAdapter注解来说明这个方法所绑定名称. 注意, 第一个参数一定要是View, 从第二个参数开始跟注解中名称相对应
    注意, 此处的方法一定是static的, 非static的下面会介绍到

  2. 修改实体类, 添加icon字段, 在Activity中设置icon地址

    user.setIcon("http://upload-images.jianshu.io/upload_images/3118842-b48fbee83f5a5c8b.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240");

  3. 修改user_layout.xml文件添加ImageView

    <ImageView
  app:imageUrl="@{user.icon}"
  android:layout_width="100dp"
  android:layout_height="100dp"/>

    Paste_Image.png

考虑使用在ListView中使用DataBinding

  1. 写一个通用的ListView的Adapter, 针对于单布局

    /**
* Created by lulu on 2016/12/9.
* 通用的ListView的Adapter (单布局)
*/
public class CommonAdapter<T> extends BaseAdapter {
  private Context mContext;
  private List<T> mList;
  private int mLayoutId;
  private int mVariableId;

  public CommonAdapter(Context context, List<T> list, int layoutId, int variableId) {
      mContext = context;
      mList = list;
      mLayoutId = layoutId;
      mVariableId = variableId;
  }

  @Override
  public int getCount() {
      return mList.size();
  }

  @Override
  public Object getItem(int i) {
      return mList.get(i);
  }

  @Override
  public long getItemId(int position) {
      return position;
  }

  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
      ViewDataBinding binding = null;
      if (convertView == null) {
          binding = DataBindingUtil.inflate(LayoutInflater.from(mContext), mLayoutId, parent, false);
      } else {
          binding = DataBindingUtil.getBinding(convertView);
      }
      binding.setVariable(mVariableId, mList.get(position));
      return binding.getRoot();
  }

  2. 添加item.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">
  <data>
      <variable
          name="user"
          type="com.example.lulu.databindingdemo.User"/>
  </data>
  <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="horizontal">
      <ImageView
          android:layout_width="100dp"
          android:layout_height="100dp"
          app:imageUrl="@{user.icon}"/>
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="match_parent"
          android:gravity="center"
          android:text="@{user.name}"/>
  </LinearLayout>
</layout>

  3. 在主布局中添加ListView控件

    <data>
<variable
    name="adapter"
    type="android.widget.BaseAdapter"/>
</data>
...
<ListView
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  app:adapter="@{adapter}"/>

  4. Activity中添的假数据

    List<User> users = new ArrayList<>();
for (int i = 0; i < 100; i++) {
  User user = new User();
  user.setName("用户" + i);
  user.setIcon("http://upload-images.jianshu.io/upload_images/3118842-b48fbee83f5a5c8b.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240");
  users.add(user);
}
CommonAdapter<User> adapter = new CommonAdapter<>(this, users, R.layout.item, BR.user);
binding.setAdapter(adapter);

    DataBinding01.gif

现在需要添加上相应的点击事件

我们要在点击时做出某种动作并且及时通知刷新当前ListView的数据

  1. 修改User实体类, 继承BaseObservable用于监听ListView的数据源的变化

  2. 给需要通知的属性的getter方法加上@Bindable注解

    @Bindable
public String getName() {
  return name;
}

  3. 在User类中写一个点击方法

    public void click(View view) {
  setName(getName() + "(已点击)");
  //刷新某个属性
  notifyPropertyChanged(BR.name);
}

  4. 在item.xml中给相应布局加上点击事件

    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:onClick="@{ user.click}"
    android:orientation="horizontal">
    <ImageView
        .../>
    <TextView
        .../>
</LinearLayout>

    DataBinding02.gif

Component的使用

在上面的字符串类型的url和ImageView绑定时说过, 那个Utils中的方法只能是static的, 非static将在这边讲到
这种方式的好处是可以访问this, 实现某些借口, 这是使用static方法所不能实现的

  1. 修改之前的Utils类, 去掉loadImage方法的static关键字

    如果此时运行会crash掉, 抛出以下异常:
    Paste_Image.png

  2. 新建MyComponent类, 实现DataBindingComponent接口, 会发现此时会有一个与Utils对应的实现方法

    public class MyComponent implements DataBindingComponent {
private Utils mUtils;
@Override
public Utils getUtils() {
    if (mUtils == null) {
        mUtils = new Utils();
    }
    return mUtils;
}
}

  3. 在Activity中设置Component

    DataBindingUtil.setDefaultComponent(new MyComponent());

Demo地址

菜鸟一枚, Demo奉上:https://github.com/changer0/DataBindingDemo

致谢马老师视频课程

张鹿鹿
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android开发——DataBinding介绍
m0_54156164的博客
11-29 1640
Databinding是谷歌的一个官方支持库，它允许您使用声明性格式而不是通过编程方式将布局中的UI组件绑定到应用程序中的数据源。通常在活动中使用调用UI框架方法的代码来定义布局。
在Android中如何使用DataBinding详解(Kotlin)
01-20
前言 本问主要介绍DataBinding在Android App中的使用方法。数据绑定是将“提供器”的数据源与“消费者”绑定并使其同步的一种通用技术。 1. Android应用程序使用数据绑定 1.1 介绍DataBinding Android通过DataBinding提供了编写声明型布局的支持。这样可以最大程度简化布局和逻辑相关联的代码。 数据绑定要求修改文件，外层需要包裹一个layout布局。主要通过@{} 或 @={}语法把布局中的元素和表达式的引用写入到属性中。 <?xml version=1.0 encoding=utf-8?> <layout xmlns:androi
Android开发-DataBinding基本使用
田野上的风筝
11-27 454
简述 Jetpack是谷歌发布的一系列辅助android开发者的实用工具，以帮助开发者构建出色的 Android 应用。Jetpack 里面包含4个部分的组件：Architecture、Foundation、Behavior 、UI 。数据绑定库是一种支持库，借助该库，您可以使用声明性格式（而非程序化地）将布局中的界面组件绑定到应用中的数据源。 作用： 1.将布局组件与源数据绑定，使源数据变化的同时布局组件及时同步更新。 2.减少Activity中View的定义(private View view)与初
Android面试题 之 Kotlin DataBinding 图片加载和绑定RecyclerView
最新发布
AntDream的程序世界
05-20 248
Android面试题 之 Kotlin DataBinding 图片加载和绑定RecyclerView
Android DataBinding的基本使用
yzwfeng的专栏
05-05 8876
DataBinding 是谷歌官方发布的一个框架，顾名思义即为数据绑定，是 MVVM 模式在 Android 上的一种实现，用于降低布局和逻辑的耦合性，使代码逻辑更加清晰。MVVM 相对于 MVP，其实就是将 Presenter 层替换成了 ViewModel 层。DataBinding 能够省去我们一直以来的 findViewById() 步骤，大量减少 Activity 内的代码，数据能够单向或双向绑定到 layout 文件中，有助于防止内存泄漏，而且能自动进行空检测以避免空指针异常 虽然dataBi
Android:DataBinding详细使用教程
weixin_42992109的博客
11-02 148
DataBinding是什么就不介绍了，直接开始: 先配置(build.gradle(Module)) android { ... dataBinding { enabled = true } } 布局文件 &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;la...
Android 开发之dataBinding与ListView及事件
01-20
在Android开发中，DataBinding库的引入为开发者提供了一种更高效、简洁的方式来实现MVVM（Model-View-ViewModel）架构模式。2015年Google IO大会上发布的DataBinding库，旨在减少视图和数据之间的绑定工作，提高代码...
DataBinding使用Android
10-18
在Android开发中，DataBinding库是一种强大的工具，它允许开发者将UI组件与数据源直接绑定，简化了视图和业务逻辑之间的交互。本篇文章将深入探讨DataBinding在Android中的使用，帮助你理解其核心概念、优势以及如何...
android dataBinding使用
06-08
在Android开发中，Data Binding库是一个强大的工具，它允许开发者将UI组件与数据源直接绑定，简化了MVVM（Model-View-ViewModel）架构中的代码编写。本篇文章将深入探讨如何在Android项目中使用Data Binding。 1. *...
android使用DataBinding来设置空状态
01-21
在平时的开发之中，我们需要对于数据加载的情况进行展示： 空数据 网络异常 加载中等等情况 现在设置页面状态的方式有多种，由于笔者近期一直在使用databinding，而数据绑定通过改变模型来展示view的方式和状态页...
Android DataBinding
zenmela2011的专栏
03-21 2098
首先定义一个静态方法，并添加BindingAdapte注解，注解值即为ImageView控件自定义的属性名，而该静态方法的两个参数可以这样来理解：当ImageView控件的url属性值发生变化时dataBinding就会将ImageView实例以及新的url值传递给loadImage()方法，从而可以在此动态改变ImageView的相关属性。控件的获取方式类似，但首字母小写。以上实现数据绑定的方式，每当绑定的变量发生变化的时候，都需要重新向ViewDataBinding传递新的变量值才能刷新UI。
Android-一些DataBinding相关的工具类
08-13
一些DataBinding相关的工具类。（一句代码实现多类型列表的Adapter）
MVVM之DataBinding的使用
06-02
MVVM中DataBinding的使用，帮助小白从0开始快速使用DataBinding到自己的项目中
Android DataBinding Demo
05-10
本人写的关于Android DataBinding的一些例子，功能有限，仅供参考。
Android开发提升效率之DataBinding——进阶开发
luo_boke的博客
04-13 1985
经过两年的使用，总结了大量的使用心得，刚好可以更加完善的介绍DataBingding，该框架让代码更加简单且可读，强烈推荐路过的你学习使用！
秒懂Android开发之DataBinding详解 (part 2)
ShuSheng007的程序人生
05-26 624
文章目录概述DataBinding的绑定规则绑定原理绑定规则BindingAdatper如何写一个BindingAdapter多属性BindingAdapter 概述 在秒懂Android开发之DataBinding详解 (part 1)一文中我们已经了解并上手了DataBinding, 接下来就该看看其核心机制BindingAdapter了。学习了DataBinding而不理解BindingAdapter的话，只能算是学到了皮毛。 DataBinding的绑定规则 你有没有想过当我们在layout文件中对
Android架构组件JetPack之DataBinding玩转MVVM开发实战（四）
m0_66264324的博客
02-02 3497
最后运行之后，结果如上图。我就不再发一遍了，有兴趣的朋友再拖回去看一遍，反正下面还有~~ 3 . 更多用法 简单的字符拼接 简单的三目运算 判断名字是否为空，不为空只显示user.name，否则显示donkor11： 相当于 这里需要注意的是当{}中使用了双引号“”，最外层要改成单引号” 根据数据判断，显示数据 判断是否为学生，是则显示11，反则，显示00 **修改样式 ** 判断是否为学生，是则修改背景颜色0xFF0000FF，反则，显示0xFFFF0000 写在之后的话，这里我们...
Android 安卓DataBinding（八）·引用类方法
两行代码 踏踏实实de工作
10-05 6708
文章目录前景回顾引用类中的方法 前景回顾 Android 安卓DataBinding（一）·基础 Android 安卓DataBinding（二）·入门 Android 安卓DataBinding（三）·单向绑定 BaseObservable Android 安卓DataBinding（四）·单向绑定 ObservableField Android 安卓DataBinding（五）·单向绑定 O...
android databinding使用
04-27
Android Data Binding 是一种库，它可以将布局文件中的 UI 组件与数据模型绑定，从而自动生成代码，简化开发流程。下面是使用 Android Data Binding 的步骤： 1. 在 app 的 build.gradle 文件中添加以下依赖： ```...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值