android 数据双向绑定学习笔记

android 数据双向绑定学习笔记

今天在网上看到了有关双向绑定，顿时，兴趣油然而生。小写一个demo

所谓数据双向绑定（dataBinding）,即界面，数据的双向改变（界面交互改变数据，也可数据修改同时修改界面显示）

下面，详细介绍双向帮定:

首先，双向绑定需在studio2.1-priview3之后的版本

项目gradle需要是：

classpath ‘com.android.tools.build:gradle:2.2.0-alpha5’

其次，app 需要开启双向绑定，gradle 需设置

android {

…

dataBinding.enabled = true

}

然后看代码：

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

<data>
<variable
name="user"
type="com.ecasona.entity.User"></variable>
</data>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:orientation="vertical">

<TextView
android:id="@+id/title"
android:layout_width="match_parent"
android:layout_height="40dp"
android:text="@{user.title}"
android:textAppearance="@style/TextAppearance.AppCompat.Title"
android:textColor="@color/primary_text" />

<TextView
android:id="@+id/description"
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_marginTop="2dp"
android:text="@{user.description}"
android:textColor="@color/secondary_text" />

<Button
android:id="@+id/btn"
android:layout_width="match_parent"
android:layout_height="60dp"
android:layout_margin="20dp"
android:text="点击" />

</LinearLayout>
</layout>

data 节点绑定实体类(type)，并且设定在xml中使用的字段(name)

<data>

<variable

name="user"

type="com.ecasona.entity.User">

</variable>

</data>

xml中的使用语法:@{user.title}…与jQuery相似的语法，

实体类：

public class User extends BaseObservable {

private String id;
private String title;
private String original_title;
private String year;

@Bindable
public String getTitle() {
return title;
}

public void setTitle(String title) {
this.title = title;
notifyPropertyChanged(BR.title);
}

@Bindable
public String getDescription() {
return original_title + "\n" + year;
}

public void setOriginal_title(String original_title) {
this.original_title = original_title;
notifyPropertyChanged(BR.description);
}

public void setYear(String year) {
this.year = year;
notifyPropertyChanged(BR.description);
}

@Override
public String toString() {
return "User{" +
"id='" + id + '\'' +
", title='" + title + '\'' +
", original_title='" + original_title + '\'' +
", year='" + year + '\'' +
'}';
}

}

实体集成BaseObservable，需要双向绑定的数据，在get方法前用@Bindable标注，在set方法中使用notifyPropertyChanged

即时修改数据。

最后是activity:

采
9a86
用 ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);

binding.setUser(user);

实现双向绑定。

源码：https://github.com/ecasona/TestDataBinding/tree/master/TestDataBindingApplication