配置
-
在Module的build.gradle android模块中添加如下配置:
android { dataBinding { enabled = true } }
布局
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
<data>
<!-- 数组集合类<import type="java.util.List"/>
<import type="java.util.Map"/>-->
<!-- 转义 空格  ；  ；
< 小于号 <； <；
> 大于号 >； >；
& 与号 &； &；
" 引号 "； "；
‘ 撇号 &apos； '；
× 乘号 ×； ×；
÷ 除号 ÷；÷；-->
<!--<variable
name="list"
type="List<String>"/>
<variable
name="map"
type="Map<String,Object>"/>-->
<variable
name="user"
type="com.luuren.UserBean" />
</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}" />
<!--注意：这里age是int类型，必须转化为String，否则会运行时异常-->
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{String.valueOf(user.age)}" />
</LinearLayout>
</layout>
实体类
public class UserBean {
private String name; //姓名
private int age; //年龄
public UserBean(String name, int age) {
this.name = name;
this.age = age;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
}
使用
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
ActivityMainBinding binding = DataBindingUtil.setContentView(this,R.layout.activity_main);
UserBean userBean = new UserBean ("Luuren", "26");
binding.setUser(userBean );
}
}
BindingAdapter注解设置自定义属性
- 使用此注解可以自定义控件的属性,比如ImageView设置直接加载网络图片(当然得借助Glide等网络图片加载框架的帮助,详见代码);
public class ImageHelper {
/**
* 1.加载图片,无需手动调用此方法
* 2.使用@BindingAdapter注解设置自定义属性的名称，imageUrl就是属性的名称，
* 当ImageView中使用imageUrl属性时，会自动调用loadImage方法，
*
* @param imageView ImageView
* @param url 图片地址
*/
@BindingAdapter({"imageUrl"})
public static void loadImage(ImageView imageView, String url) {
Glide.with(imageView.getContext()).load(url)
.placeholder(R.mipmap.fruit)
.error(R.mipmap.fruit)
.into(imageView);
}
/**
多个属性也是可以的
*/
@BindingAdapter({"imageUrl", "placeHolder",error"})
public static void loadImage(ImageView view, String url, Drawable holderDrawable,Drawable errorDrawable) {
Glide.with(imageView.getContext())
.load(url)
.placeholder(holderDrawable)
.error(errorDrawable)
.into(imageView);
}
}
- 使用如下:
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<data>
<import type="com.luuren.bean.UserBean" />
<variable
name="user"
type="UserBean" />
</data>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="15dp"
android:orientation="vertical">
<!-- 当imageUrl属性存在时，会自动调用ImageHelper的loadImage方法 -->
<ImageView
android:layout_width="120dp"
android:layout_height="120dp"
android:scaleType="centerCrop"
app:imageUrl="@{user.picUrl}" />
</LinearLayout>
</layout>
数据对象 (Data Objects)
- 所谓的双向绑定,其实就是类似于notifyDatasetChanged的操作,具体看代码:
public class ContentBean extends BaseObservable {
//BR 是编译阶段生成的一个类，功能与 R.java 类似，用 @Bindable 标记过 getter 方法会在 BR 中生成一个 entry，当我们
//通过代码可以看出，当数据发生变化时还是需要手动发出通知。 通过调用notifyPropertyChanged(BR.firstName)来通知系统 BR.firstName 这个 entry 的数据已经发生变化，需要更新 UI。
private String content; //内容
public DoubleBindBean(String content) {
this.content = content;
}
@Bindable
public String getContent() {
return content;
}
public void setContent(String content) {
this.content = content;
notifyPropertyChanged(BR.content); //通知系统数据源发生变化，刷新UI界面
}
}
- 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="doubleBindBean"
type="com.luuren.bean.DoubleBindBean" />
<variable
name="onClickListener"
type="android.view.View.OnClickListener" />
</data>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="15dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{doubleBindBean.content}" />
<Button
android:id="@+id/change_content_btn"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="@{onClickListener}"
android:text="改变内容了" />
</LinearLayout>
</layout>
- 这样之后只需要操作数据就好了,不用关心UI的变化问题
- ObservableFields : 如果想要省时，或者数据类的字段很少的话，可以使用 ObservableField 以及它的派生 ObservableBoolean、 ObservableByte ObservableChar、ObservableShort、ObservableInt、ObservableLong、ObservableFloat、ObservableDouble、 ObservableParcelable 等。
public class ContentBean {
//变量需要为public
public final ObservableField<String> username = new ObservableField<>();
}
- Observable Collections: 除了支持ObservableField,ObservableBoolean，ObservableInt等基础变量类型以外，当然也支持集合框架拉，比如：ObservableArrayMap,ObservableArrayList。使用和普通的Map、List基本相同
<?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="list"
type="android.databinding.ObservableArrayList<String>" />
<variable
name="map"
type="android.databinding.ObservableArrayMap<String,Object>" />
<variable
name="onClickListener"
type="android.view.View.OnClickListener" />
</data>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="15dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{list[0]}" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text='@{map["key0"]}' />
<Button
android:id="@+id/change_content_btn3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="@{onClickListener}"
android:text="list改变内容" />
<Button
android:id="@+id/change_content_btn4"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="@{onClickListener}"
android:text="map改变内容" />
</LinearLayout>
</layout>
View with ID
- 如果我们需要在Activity中获取某个View来进行一些操作，那该怎么办呢？
<layout xmlns:android="http://schemas.android.com/apk/res/android">
<data>
<variable name="user" type="com.luuren.bean.User"/>
</data>
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/userName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{user.userName}"/>
</LinearLayout>
</layout>
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
binding.userName.setText("content")
}
}
- 可能不是很全,暂时够用,权当记录.
