DataBinding--Observable
DataBinding 为数据源提供了很强,很详细的可观察性,这就使得数据驱动UI 变的简洁易行,同时你可以少写很多set(),get(),同样也少了很多的回调
最近在学习DataBinding 的用法,发现确实是个十分方便的library,尤其是在MVVM 构架中使用
在看下面的内容前最好先对DataBinding做一个基础的了解
下面对Observable做一个详细的代码延时
1、BaseObservable
BaseObservable的使用十分简单,会通过注解记录需要更新的字段
集成—>加注解—>应用完成
首先model
public class User extends BaseObservable {
//@Bindable 可以加到字段名上 也可以加载 get方法上 效果是一样
@Bindable
public String name;
@Bindable
public String password;
public String getName() {
return name;
}
//set方法上手动调用通知数据更新,此处不会自动生成
public void setName(String name) {
this.name = name;
notifyPropertyChanged(BR.name);
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
notifyPropertyChanged(BR.password);
}
}
布局文件xml
<!-- 数据源的声明 -->
<!--此处声明该xml文件要使用的数据源类型-->
<!--通过view代码中binding.setUser()加入数据 是不是很像model -->
<!--data 数据源的声明 要放在布局文件的根部 具体可以看DataBinding基础-->
<data>
<variable
name="user"
type="com.zk.sample.module.binding.model.User" />
</data>
<!-- 数据源的使用 -->
<TableRow
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:weightSum="2">
<!-- @={user.name} 是将当前控件的值set给指定的数据源 -->
<!-- 注意与下面的差别 @={}跟@{} -->
<EditText
android:id="@+id/et_name"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:hint="用户名"
android:text="@={user.name}" />
<!-- @{user.name} 是将当前控件的值set给指定的数据源-->
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:hint="用户名"
android:text="@{user.name}" />
</TableRow>
View 中调用
由于做了框架抽取 binding 是父类统一获取 VDB 为泛型
在Fragment 、Activity或者其他地方给XML 文件设置一个数据源
VDB binding = DataBindingUtil.inflate(inflater, getLayoutRes(), container, false);
binding.setUser(**);
到此BaseObservable 就可以演示,当你在编辑框中输入数据时,相同数据源的展示控件就会同步显示
2、ObservableFields
ObservableFields一个类中的单独的字段做观察,它对字段做了一层封装,类似java中的装箱;成为了一个对象级的存在,同样使用User类来做演示。
从代码量上来说ObservableFields的Model 要比BaseObservable少很多
model
//两行代码,就是这么任性
public class UserObservable {
public final ObservableField<String> name = new ObservableField<>();
public final ObservableField<String> password = new ObservableField<>();
//ObservableField 在获取数据的时候需要做一次调用
//如:String n = name.get()
//同理设置的时候也需要
//如:name.set("姓名");
//除了ObservableField,还有ObservableBoolean、ObservableInt ……
}
xml的使用
<data>
<variable
name="userObservable" type="com.zk.sample.module.binding.model.UserObservable"/>
</data>
<TableRow
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:weightSum="2">
<!--在此处使用的时候可以可以不做get()操作-->
<EditText
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:hint="密码"
android:text="@={userObservable.password}" />
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:hint="密码"
android:text="@{userObservable.password}" />
</TableRow>
同BaseObservable 一样 在View 中设置数据源,之后可以看到相应效果
3、Observable借口
对于很多model来说继承很容易被高度限制,虽然使用很简单,但却不易扩展,为此还提供了Observable 借口,跟继承BaseObaservable 很类似
model
来看User
//相对于BaseObservable 增加了一个 回调仓库同时也更接近通知的基础
public class UserObservableImp implements Observable {
private PropertyChangeRegistry mRegistry = new PropertyChangeRegistry();
//同样是在需要更新的字段位置加注解
@Bindable
public String name;
@Bindable
public String password;
public void setName(String name) {
this.name = name;
//在官网中使用的方法于此处不太一致 notifyPropertyChanged(int fieldId)
//但最终调用是一致的 其实就是做了一层基础的抽取 估计都懂
//在更新数据的地方添加 通知
mRegistry.notifyChange(this, BR.name);
}
public void setPassword(String password) {
this.password = password;
mRegistry.notifyChange(this, BR.password);
}
public String getName() {
return name;
}
public String getPassword() {
return password;
}
@Override
public void addOnPropertyChangedCallback(OnPropertyChangedCallback cb) {
mRegistry.add(cb);
}
@Override
public void removeOnPropertyChangedCallback(OnPropertyChangedCallback cb) {
mRegistry.remove(cb);
}
}
xml中的使用
<!--数据源的声明 其实都是一致的-->
<data>
<variable
name="userImp"
type="com.zk.sample.module.binding.model.UserObservableImp" />
</data>
<TableRow
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:weightSum="2">
<EditText
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:hint="用户名"
android:text="@={userImp.password}" />
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:hint="用户名"
android:text="@{userImp.password}" />
</TableRow>
数据源的设置同上
4、ObservableCollection
ObservableCollection 其实就是ObservableFields 只是在调用上有一定的区别
此处用ObservableMap 做演示
model
这个没做model 因为 我直接写在了 View 中,跟ObservableField 是一样的
//创建一个实例 设置给Binding
ObservableMap<String, String> userMap = new ObservableArrayMap<>();
userMap.put("name", "示例");
userMap.put("password", "密码");
binding.setUserMap(userMap);
xml 中的使用
此处与上面略有不同,主要是数据的获取 需要指定key值
<!--数据源的声明 有一注意事项,转义 还有泛型-->
<import type="android.databinding.ObservableMap" />
<variable
name="userMap"
type="ObservableMap<String, String>" />
<TableRow
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:checked="true"
android:weightSum="2">
<!-- 注意引用中的标点,两种写的方式都可以,主要是你可以让机器明白-->
<EditText
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:hint="密码"
android:text='@={userMap["password"]}' />
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:hint="密码"
android:text="@{userMap[`password`]}" />
</TableRow>
总结
到这Observable 的介绍基本完成,基本上看完 也就知道怎么用了,之后还有其他内容的演示
为此加一个连接 中文的 Databinding介绍,虽然只是个演示,但扛不住信息量大