iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >Android Data Binding数据绑定详解
  • 1041
分享到

Android Data Binding数据绑定详解

Android 2022-06-06 07:06:22 1041人浏览 薄情痞子
摘要

去年谷歌 I/O大会上介绍了一个非常厉害的新框架DataBinding, 数据绑定框架给我们带来了很大的方便,以前我们可能需要在每个Activity里写很多的findViewB

去年谷歌 I/O大会上介绍了一个非常厉害的新框架DataBinding, 数据绑定框架给我们带来了很大的方便,以前我们可能需要在每个Activity里写很多的findViewById,不仅麻烦,还增加了代码的耦合性,如果我们使用DataBinding,就可以抛弃那么多的findViewById,省时省力。说到这里,其实网上也有很多快速的注解框架,但是注解框架与DataBinding想比还是不好用,而且官网文档说DataBinding还能提高解析XML的速度,其实DataBinding的好用,不仅仅体现在可以省去使用很多啰嗦findViewById,还有很多。往下看你就会明白的。

在介绍DataBinding之前,肯定要先学会搭建使用它的环境。鉴于是去年发布的,现在大家AS的版本估计都在1.5以上了,就在1.5的版本上搭建和介绍吧,1.5之前的大家可以在网上搜索,因为我看网上大多数是介绍的1.3的使用方法,还没有很多对于1.5之后的环境搭建方法。

环境搭建

Android 的 Gradle 插件版本不低于 1.5.0-alpha1:
classpath ‘com.android.tools.build:gradle:1.5.0'
然后修改对应模块(Module)的 build.grade:


android {
 ....
 dataBinding {
  enabled = true
 }
}

注意:Android stuido 的版本一定要大于1.3,而且Android Studio目前对binding对象没有自动代码提示,只会在编译时进行检查。

就是这么简单,但是1.3及以前的版本,对于环境的搭建,可能就会麻烦一点(没事1.3的环境搭建方法,网上多得是)。

基础展示

我们在具体的讲解之前,先用一个简单的小例子来学习一下基础并展现一下DataBinding的巨大魅力,估计你会被其简单的特性所吸引哦。

首先我们先建立一个java bean,就是一个非常简单的用户类吧。


package loonggg.net.databinding.bean;

public class User {
 private String name;
 private String age;
 public User(String name, String age) {
  this.name = name;
  this.age = age;
 }
 public void setName(String name) {
  this.name = name;
 }
 public void setAge(String age) {
  this.age = age;
 }
 public String getName() {
  return this.name;
 }
 public String getAge() {
  return this.age;
 }
}

其次,来看看使用了DataBinding之后的布局文件是什么样子的呢?主要的变化是在layout布局文件之中。


<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="Http://schemas.android.com/apk/res/android">
 <data>
  <variable
   name="user"
   type="loonggg.net.databinding.bean.User" />
 </data>
 <LinearLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical">
  <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.age}" />
 </LinearLayout>
</layout>

看到这里,可能有的人就开始有点迷糊了,没有给控件定义id,而是用了@{ }的方法,到底是怎么回事?先不忙,一会再给你解释,我们再来看看怎么把值传进去的,在Activity中是如何使用的。


package loonggg.net.databinding;
import android.app.Activity;
import android.databinding.DataBindingUtil;
import android.os.Bundle;
import loonggg.net.databinding.bean.User;
import loonggg.net.databinding.databinding.ActivityMainBinding;
public class MainActivity extends Activity {
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
  User user = new User("loonggg", "23");
  binding.setUser(user);
 }
}

看到Activity是不是感觉很简洁,很清爽,没有了控件的初始化findViewById,然后再去setText(), 就仅仅只添加了两行代码。
运行结果,不用说,显而易见,肯定会显示loonggg和23,效果图如下:

基础解释

布局生命

例子我们介绍完了,对于例子中出现的一些新东西,有必要解释一下,java bean那里就不解释了,大家肯定都懂,我们就从布局文件讲起。相比以前使用的xml,根节点由具体的某个layout(比如LinearLayout )变成了layout,里面包括了data节点和传统的视图。这里的data节点就像是连接 View 和 Modle 的桥梁。在这个data节点中声明一个variable变量,那值就可以轻松传到布局文件中来了。


<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
<!--type中声明的就是我们的用户实体类User,一定要写全,带着包名,我们给这个实体类命名为user-->
 <data>
  <variable
   name="user"
   type="loonggg.net.databinding.bean.User" />
 </data> 
 <LinearLayout>
  ……
 </LinearLayout>
</layout>

变量名为user

变量类型为”loonggg.net.databinding.bean.User “

type中声明的就是我们的用户实体类User,一定要写全,带着包名,我们给这个实体类命名为user,TextView中的@{user.name}就是把这个user中的名字展示出来,age同样如此。

绑定Variable

虽然在布局文件中对应上了,但是值是怎么传进去的呢?这就是我们要将的Activity中的那两行代码了,它把实体类和布局文件进行了绑定。修改MainActivity中的onCreate,用 DatabindingUtil.setContentView() 来替换掉 setContentView(),然后创建一个 user 对象,通过 binding.setUser(user) 与 variable 进行绑定。


@Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
  User user = new User("loonggg", "23");
  binding.setUser(user);
 }

高级用法

import用法

其实data节点也是支持import用法的,比如:


<data>
  <import type="loonggg.net.databinding.bean.User "/>
  <variablename="user"type="User" />
</data>

这里需要注意的是:import 并不能像java 一样可以 import xx.xxx.*,必须具体到写清楚每个要导入的类名。

类名相同

到这里你可能会问如果import了两个相同名称的类咋办?别怕,人家想的很周到,可以起个别名或者昵称吗!例如:


···
<data> 
 <import type="xxx.User" alias="MyUser"> 
 <import type="xxx.xx.User"> 
 <variable 
   name="user" 
   type="User" /> 
 <variable 
   name="myUser" 
   type="MyUser"/> 
</data> 
<TextView xxx:@{myUser.getName()}> 
<TextView xxx:@{user.getName()}>
···

变量定义的高级用法
在上面,我们学会了如何去在xml中定义一些简单的变量。我们没有定义像List、Map等这样的集合变量。那这种集合变量该如何定义呢?其实定义的方式和我们上面的基本一致,区别就在于我们还需要为它定义key的变量,例如:


<layout xmlns:android="http://schemas.android.com/apk/res/android"> 
  <data> 
   <import type="android.graphics.Bitmap" /> 
   <import type="java.util.ArrayList" /> 
   <import type="java.util.HashMap" /> 
   <!-- 集合的定义 -->
   <variable 
    name="list" 
    type="ArrayList<String>" /> 
   <variable 
    name="map" 
    type="HashMap<String, String>" /> 
   <variable 
    name="array" 
    type="String[]" /> 
   <!-- 为集合定义对应的索引 -->
   <variable 
    name="lisTKEy" 
    type="int" /> 
   <variable 
    name="mapKey" 
    type="String" /> 
   <variable 
    name="arrayKey" 
    type="int" /> 
   <!-- 字符串,布尔值和int的用法-->
   <variable 
    name="str" 
    type="String"/> 
   <variable 
    name="error" 
    type="boolean"/> 
   <variable 
    name="num" 
    type="int" /> 
  </data> 
  <LinearLayout 
   android:orientation="vertical" 
   android:layout_width="match_parent" 
   android:layout_height="wrap_content"> 
   <TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="@{list[listKey]}"/> 
   <TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="@{map[`name`]}"/> 
   <TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="@{array[0]}"/> 
   <TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="@{str}"/> 
   <TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="@{String.valueOf(num)}"/> 
  </LinearLayout> 
 </layout>

事件的绑定

可以直接在 xml 导入android.view.View.OnClickListener,并制定其点击事件。


<variable
 name="clickListener"
 type="android.view.View.OnClickListener" />
...
 android:onClick="@{clickListener}"
...

holder.binding.setClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    //do something
  });

表达式

其实在xml文件中还是支持表达式的,比如说如下:


<TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text='@{error ? "error" : "ok"}'/>

这是一个布尔值的使用。

下面我们就来看看表达式支持的一下语法和不支持的语法

支持的表达式:

Mathematical + - / * % String concatenation + Logical && || Binary & | ^ Unary + - ! ~ Shift >> >>> << Comparison == > < >= <= instanceof Grouping () Literals - character, String, numeric, null Cast Method calls Field access Array access [] Ternary operator ?:

不支持的表达式:

this super new Explicit generic invocation

带id的控件的赋值方式

对于xml文件中控件的赋值,其实也是可以在java文件中,用java来实现的。我就以最上面那个简单的小例子来说,假如给一个TextView设置的id如下:


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

在Activity中这样赋值:


@Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
  binding.name.setText("非著名程序员");
 }

看到这里基础的大部分就讲完了,其实还有很多更高级的用法,比如在ListView中怎么用等等,大家可以去自己查阅资料学习,这样认识的可以更深刻。希望这篇文章对大家能够有所帮助。DataBinding大家可以从现在开始尝试的使用起来。

以上就是对Android Data Binding数据绑定 的资料整理,后续继续补充相关资料谢谢大家对本站的支持!

您可能感兴趣的文章:详解Android的MVVM框架 - 数据绑定Android RecyclerView 数据绑定实例代码Android ListView数据绑定显示的三种解决方法Android中 自定义数据绑定适配器BaseAdapter的方法浅析Android企业级开发数据绑定技术


--结束END--

本文标题: Android Data Binding数据绑定详解

本文链接: https://www.lsjlt.com/news/23980.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • WPF数据绑定Binding的用法
    一、简介 WPF的核心理念是变传统的UI驱动数据变成数据驱动UI,支撑这个理念的基础就是本章讲的Data Binding和与之相关的数据校验和数据转换。在使用Binding的时候,最...
    99+
    2024-04-02
  • 详解Android的MVVM框架 - 数据绑定
    本教程是跟着 Data Binding Guide 学习过程中得出的一些实践经验,同时修改了官方教程的一些错误,每一个知识点都有对应的源码,争取做到实践与理论相结合。Data Binding 解决了 Android UI 编...
    99+
    2023-05-31
    android mvvm 双向绑定
  • 详解DataGridView控件的数据绑定
    目录一、非绑定模式二、绑定模式示例程序:1、界面设计如下图:2、代码实现如下:使用DataGridView控件,可以显示和编辑来自多种不同类型的数据源的表格数据。 将数据绑定到Dat...
    99+
    2024-04-02
  • VUEv-bind数据绑定的示例详解
    动态的绑定一个或多个 attribute,也可以是组件的 prop。 缩写: : 或者 . (当使用 .prop 修饰符)...
    99+
    2023-05-19
    vue数据绑定 vue v-bind 数据绑定
  • Android Service启动绑定流程详解
    目录前言一、Service 的启动流程二、Service的绑定三、Service的Context总结前言 本文基于Android 11,参考《Android进阶解密》一书资料。了解...
    99+
    2023-03-08
    Android  Service启动绑定流程 Android Service
  • Vue之表单事件数据绑定详解
    <body> <div id="root"> <form action="" @submit.prevent="demo"...
    99+
    2024-04-02
  • GridView绑定数据的实现-wpf数据绑定
    在WPF中,可以通过以下步骤实现GridView的数据绑定:1. 创建一个数据模型类,用于表示你要绑定的数据对象。该类应该实现INo...
    99+
    2023-09-22
    GridView
  • Vue数据与事件绑定以及Class和Style的绑定详细讲解
    目录一、Vue的数据绑定二、Vue的事件绑定三、Class和Style的绑定一、Vue的数据绑定 1. 单向数据绑定:将Model绑定到View上,当通过JavaScript代码改变...
    99+
    2023-01-14
    Vue数据绑定 Vue事件绑定 Vue Class和Style绑定
  • 详解Angular数据绑定及其实现方式
    目录前言什么是数据绑定?Angular中的数据绑定类型单向数据绑定Interpolation BindingProperty binding and InterpolationTwo...
    99+
    2024-04-02
  • Android Studio中怎么绑定下拉框数据
    本篇文章为大家展示了Android Studio中怎么绑定下拉框数据,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。页面xml代码<TextView android:id="...
    99+
    2023-05-30
    android studio
  • 数据绑定ItemsControl
    本篇内容主要讲解“数据绑定ItemsControl ”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“数据绑定ItemsControl ”吧!     最近在学习Ite...
    99+
    2023-06-06
  • C/C++ Qt 数据库与TreeView组件绑定详解
    在上一篇博文《C/C++ Qt 数据库QSql增删改查组件应用》介绍了Qt中如何使用SQL操作函数,并实现了对数据库的增删改查等基本功能,从本篇开始将实现数据库与View组件的绑定,...
    99+
    2024-04-02
  • C# 将数据库SqlServer数据绑定到类中的过程详解
    目录 一、环境和过程环境:过程:三、代码 (一)Form_Load方法(二)LoadData方法(三)TblPerson类本文讲述的是读取数据库中数据的常用做法,...
    99+
    2024-04-02
  • 详解用Vue怎么实现数据的双向绑定
    在Vue.js中,双向数据绑定是一项非常强大的功能,它能够使数据和视图之间保持同步,让开发者更加方便地操作数据。在本文中,我们将介绍如何用Vue.js实现数据的双向绑定。1. 理解双向绑定首先,我们需要了解双向绑定的原理。在Vue.js中...
    99+
    2023-05-14
    Vue.js
  • Vue2.0/3.0双向数据绑定的实现原理详解
    Vue2.0/3.0 双向数据绑定的实现原理 双向数据绑定简意 即数据的改变能让页面重新渲染 Vue2.0 ES5的原理: Object.defineProperty 对数据进行拦...
    99+
    2024-04-02
  • React事件绑定详解
    目录类组件事件绑定函数组件事件绑定总结 React事件绑定和原生DOM事件绑定相似 语法:on+事件名={事件处理程序} 例如:onClick={()=>{}...
    99+
    2024-04-02
  • 详解Vue.jsClass与Style绑定
    目录Vue.js Class与Style绑定绑定HTML Class对象语法数组语法绑定内联样式对象语法数组语法自动添加前缀总结Vue.js Class与Style绑定 对于数据绑定...
    99+
    2024-04-02
  • Vue双向绑定详解
    目录1、双向绑定2、那么其它标签选中会不会也有这个结果,答案当然是有:3、我们再来看一个:4、注意 总结 1、双向绑定 双向绑定就是 你们前端数据改变 你们data中的数据也会改变,...
    99+
    2024-04-02
  • angular双向绑定详解
    目录双向绑定原理ngModel效果图自定义双向绑定属性组件-html组件-ts外部使用效果图总结双向绑定原理 双向绑定将属性绑定与事件绑定结合在一起。 Angular 的双向绑定语...
    99+
    2024-04-02
  • 详解Vue的数据及事件绑定和filter过滤器
    目录Vue数据绑定单向绑定双向绑定值绑定事件绑定事件处理器事件修饰符 键值修饰符 class与style绑定绑定class绑定内联样式filter过滤器总结Vue...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作