1.DataBinding
DataBinding即数据绑定,是谷歌官方发布的一个框架,是MVVM模式在Android上的一种实现,用于降低布局和逻辑的耦合性,使代码逻辑更加清晰。
MVVM相对于MVP,其实就是将Presenter层替换成了ViewModel层。DataBinding能够省去一直以来的findViewById()步骤,大量减少Activity内的代码,数据能够单向或双向绑定到layout文件中,有助于防止内存泄漏,而且能自动进行空检测以避免空指针异常。
DataBinding本身是对view层状态的一种观察者模式的实现。
2.DataBinding使用
①启用DataBinding
启用DataBinding的方法是在对应Model的build.gradle文件里加入以下代码,同步后就能引入对DataBinding的支持。
android {
dataBinding {
enabled = true
}
}
②修改布局文件
启用DataBinding后,就可以在布局文件中绑定指定的变量了。打开布局文件,选中根布局的 ViewGroup,按住Alt + enter,点击 “Convert to data binding layout”,就可以生成DataBinding需要的布局规则。
android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity">
和原始布局相比,多出了一个layout标签将原布局包包裹起来,data标签用于声明要用到的变量以及变量类型,要实现MVVM的ViewModel就需要把数据(Model)与 UI(View)进行绑定,data标签的作用就像一个桥梁搭建了View和Model之间的通道。
③数据和UI绑定
先来声明一个 Model:
package com.test.demo.model;
public class User {
private String name;
private String password;
···
}
在data标签里声明要使用到的变量名、类的全路径:
name="userInfo" type="com.test.demo.model.User" /> 如果User类型要多处用到,也可以直接把它import进来,这样就不用每次都指明整个包名路径了,而java.lang.*包中的类会被自动导入,所以可以直接使用。 name="userInfo" type="User"/> 如果存在import的类名相同的情况,可以使用alias指定别名: alias="TempUser" type="com.test.demo.model2.User" /> name="userInfo" type="User" /> name="tempUserInfo" type="TempUser" /> 这里声明了一个User类型的变量userInfo,现在需要使这个变量与两个TextView控件挂钩,通过设置userInfo的变量值同时使TextView显示相应的文本。 完整的布局代码: name="userInfo" type="User" /> android:layout_width="match_parent" android:layout_height="match_parent" android:layout_margin="20dp" android:orientation="vertical"> android:id="@+id/tv_userName" ··· android:text="@{userInfo.name}" /> ··· android:text="@{userInfo.password}" /> 通过@{userInfo.name}使TextView引用到相关的变量,DataBinding会把它映射到相应的getter方法,之后可以在Activity中通过DataBindingUtil设置布局文件,省略原来Activity的setContentView()方法,并为变量userInfo赋值。 private User user; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); ActivityMainBinding activityMainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main); user = new User("admin", "123456"); activityMainBinding.setUserInfo(user); } ④几个小技巧 由于@{userInfo.name}在布局文件中并没有明确的值,所以在预览视图中什么都不会显示,不便于观察文本的大小和字体颜色等属性,此时可以设定默认值(文本内容或字体大小等属性都适用),默认值将只在预览视图中显示,且默认值不能包含引号: android:text="@{userInfo.name,default=defaultValue}" 此外,也可以通过ActivityMainBinding直接获取到指定ID的控件 activityMainBinding.tvUserName.setText("admin"); 每个数据绑定布局文件都会生成一个绑定类ViewDataBinding的实例名是根据布局文件名来生成的:将布局文件名改为首字母大写的驼峰命名法,并省略布局文件名包含的下划线。控件的获取方式类似,但首字母小写。 也可以通过如下方式自定义ViewDataBinding的实例名: 此外,在绑定表达式中会根据需要生成一个名为context的特殊变量,context的值是根View的getContext()方法返回的Context对象, context变量会被具有该名称的显式变量声明所覆盖。 Databinding同样支持在Fragment和RecyclerView中使用 。例如Databinding在Fragment中的使用: @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { FragmentBlankBinding fragmentBlankBinding = DataBindingUtil.inflate(inflater, R.layout.fragment_blank, container, false); fragmentBlankBinding.setHint("Hello"); return fragmentBlankBinding.getRoot(); } 以上实现数据绑定的方式,每当绑定的变量发生变化的时候,都需要重新向ViewDataBinding传递新的变量值才能刷新UI 。接下来看如何实现自动刷新UI。 3.单向数据绑定 实现数据变化自动驱动UI刷新的方式有三种:BaseObservable、ObservableField、ObservableCollection。 ①BaseObservable 一个纯净的ViewModel类被更新后,并不会让UI自动更新。而数据绑定后,自然希望数据变更后UI会即时刷新,因此出现了Observable。 BaseObservable提供了notifyChange()和notifyPropertyChanged()两个方法,notifyChange()会刷新所有的值域,notifyPropertyChanged()只更新对应BR的flag,该BR通过注释@Bindable生成,可以通过BR notify特定属性关联的视图。 public class Goods extends BaseObservable { //如果是public修饰符,则可以直接在成员变量上方加上@Bindable注解 @Bindable public String name; //如果是private修饰符,则在成员变量的get方法上添加@Bindable注解 private String details; private float price; public Goods(String name, String details, float price) { this.name = name; this.details = details; this.price = price; } public void setName(String name) { this.name = name; //只更新本字段 notifyPropertyChanged( com.test.demo.BR.name); } @Bindable public String getDetails() { return details; } public void setDetails(String details) { this.details = details; //更新所有字段 notifyChange(); } public float getPrice() { return price; } public void setPrice(float price) { this.price = price; } } 在setName()方法中更新的只是本字段,而setDetails()方法中更新的是所有字段。 添加两个按钮用于改变 goods 变量的三个属性值,由此可以看出两个 notify 方法的区别。 第一个按钮点击事件: goods.setName("code" + new Random().nextInt(100)); goods.setPrice(new Random().nextInt(100)); 第二个按钮点击事件: goods.setDetails("hi" + new Random().nextInt(100)); goods.setPrice(new Random().nextInt(100)); 可以看到,点击第一个按钮时name的刷新没有同时刷新price,而点击第二个按钮时details刷新的同时也刷新了price。 实现了Observable接口的类允许注册一个监听器,当可观察对象的属性更改时就会通知这个监听器,此时就需要用到 OnPropertyChangedCallback。其中propertyId就用于标识特定的字段。 goods.addOnPropertyChangedCallback(new Observable.OnPropertyChangedCallback() { @Override public void onPropertyChanged(Observable sender, int propertyId) { if (propertyId == com.test.demo.BR.name) { Log.e(TAG, "BR.name"); } else if (propertyId == com.test.demo.BR.details) { Log.e(TAG, "BR.details"); } else if (propertyId == com.test.demo.BR._all) { Log.e(TAG, "BR._all"); } else { Log.e(TAG, "未知"); } } }); ②ObservableField 继承于Observable类相对来说限制有点高,且也需要进行notify操作,因此为了简单起见可以选择使用ObservableField。ObservableField可以理解为官方对BaseObservable中字段的注解和刷新等操作的封装,官方原生提供了对基本数据类型的封装,例如ObservableBoolean、ObservableByte、ObservableChar、ObservableShort、ObservableInt、ObservableLong、ObservableFloat、ObservableDouble以及ObservableParcelable ,也可通过ObservableField泛型来申明其他类型。 public class ObservableGoods { private ObservableField private ObservableFloat price; private ObservableField public ObservableGoods(String name, float price, String details) { this.name = new ObservableField<>(name); this.price = new ObservableFloat(price); this.details = new ObservableField<>(details); } ``` } 对ObservableGoods属性值的改变都会立即触发UI刷新。 ③ObservableCollection dataBinding也提供了包装类用于替代原生的List和Map,分别是ObservableList和ObservableMap,当其包含的数据发生变化时,绑定的视图也会随之进行刷新。 name="list" type="ObservableList<String>"/> name="map" type="ObservableMap<String, String>"/> name="index" type="int"/> name="key" type="String"/> android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> ··· android:padding="20dp" android:text="@{list[index],default=xx}"/> ··· android:layout_marginTop="20dp" android:padding="20dp" android:text="@{map[key],default=yy}"/> java文件: private ObservableMap @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); ActivityMainBinding activityMainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main); map = new ObservableArrayMap<>(); map.put("name", "admin"); map.put("age", "24"); activityMainBinding.setMap(map); ObservableList list.add("admin1"); list.add("admin2"); activityMainBinding.setList(list); activityMainBinding.setIndex(0); activityMainBinding.setKey("name"); } public void onClick(View view) { map.put("name", "admin,hi" + new Random().nextInt(100)); } 4.双向数据绑定 双向绑定的意思就是当数据改变的同时使视图刷新,而视图改变时也可以同时改变数据。 比如,当EditText的输入内容改变时,会同时同步到变量goods。双向绑定变量的方式比单向绑定多了一个等号: android:text="@={goods.name}" name="goods" type="ObservableGoods" /> android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> ··· android:text="@{goods.name}" /> ··· android:text="@={goods.name}" /> java文件: @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); ActivityMainBinding activityMainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main); ObservableGoods goods = new ObservableGoods("code", "hi", 23); activityMainBinding.setGoods(goods); } 5.事件绑定 严格意义上来说,事件绑定也是一种变量绑定,只不过设置的变量是回调接口而已。 事件绑定可用于以下多种回调事件: android:onClick android:onLongClick android:afterTextChanged android:onTextChanged … 在Activity内部新建一个UserPresenter类来声明onClick()和afterTextChanged()事件相应的回调方法: public class UserPresenter { public void onUserNameClick(User user) { Toast.makeText(this, "用户名:" + user.getName(), Toast.LENGTH_SHORT).show(); } public void afterTextChanged(Editable s) { user.setName(s.toString()); activityMainBinding.setUserInfo(user); } public void afterUserPasswordChanged( Editable s) { user.setPassword(s.toString()); activityMainBinding.setUserInfo(user); } } 布局文件: name="userInfo" type="User" /> name="userPresenter" type="UserPresenter" /> android:layout_width="match_parent" android:layout_height="match_parent" android:layout_margin="20dp" android:orientation="vertical"> ··· android:onClick="@{()->userPresenter.onUserNameClick(userInfo)}" android:text="@{userInfo.name}" /> ··· android:text="@{userInfo.password}" /> ··· android:afterTextChanged= "@{userPresenter.afterTextChanged}" android:hint="用户名" /> ··· android:afterTextChanged= "@{userPresenter.afterUserPasswordChanged}" android:hint="密码" /> 方法引用的方式与调用函数的方式类似,既可以选择保持事件回调方法的签名一致:@{userPresenter.afterTextChanged},此时方法名可以不一样,但方法参数和返回值必须和原始的回调函数保持一致。也可以引用不遵循默认签名的函数:@{()->userPresenter.onUserNameClick(userInfo)},这里用到了 Lambda 表达式,这样就可以不遵循默认的方法签名,将userInfo对象直接传回点击方法中。此外,也可以使用方法引用 :: 的形式来进行事件绑定。 6.BindingAdapter dataBinding提供了BindingAdapter注解用于支持自定义属性,或者是修改原有属性。注解值可以是已有的xml属性,如android:src、android:text等,也可以自定义属性然后在xml中使用。 例如,对于一个ImageView,希望在某个变量值发生变化时,可以动态改变显示的图片,此时就可以通过BindingAdapter来实现。 首先定义一个静态方法,并添加BindingAdapte注解,注解值即为ImageView控件自定义的属性名,而该静态方法的两个参数可以这样来理解:当ImageView控件的url属性值发生变化时dataBinding就会将ImageView实例以及新的url值传递给loadImage()方法,从而可以在此动态改变ImageView的相关属性。 @BindingAdapter({"url"}) public static void loadImage(ImageView view, String url) { Log.e(TAG, "loadImage url : " + url); } 在xml文件中关联变量值,其中bind这个名称可以自定义: xmlns:bind="http://schemas.android.com/apk/ res-auto"> name="image" type="Image" /> android:layout_width="match_parent" android:layout_height="match_parent"> android:id="@+id/image" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher" bind:url="@{image.url}" /> BindingAdapter更为强大的一点是可以覆盖Android原先的控件属性。例如,可以设定每一个 Button 的文本都要加上后缀:“-Button” @BindingAdapter("android:text") public static void setText(Button view, String text) { view.setText(text + "-Button"); }