各位看官们,大家好,上一回中咱们说的是视图绑定的例子,这一回中咱们介绍的例子是数据绑定-DataBinding。闲话休提,言归正转,让我们一起Talk Android吧!
看官们,数据绑定和视图绑定类似,它主要用来管理视图中显示的数据,让视图和数据相互独立,降低代码耦合度,同时自动更新数据和视图。接下来我们看看它的使用方法。
使用方法
1. 激活数据绑定功能
在配置文件中激活数据绑定,激活的方法和前面介绍的激活视图绑定功能类似
android {
...
dataBinding {
enabled = true
}
}
2.创建视图
主要是创建Activity和xml格式的布局文件
3.创建数据model(DataModel)
通常是定义一个DataModel
类,类封装了数据和事件,类中的数据和事件会和视图(view)中的控件绑定在一起,比如把属性绑定到TextView上显示出来,把方法绑定到Button上来响应的点击事件。下面是一个DataModel类的示例代码:
public class DataModelEx extends BaseObservable {
private String strValue;
//在私有成员的getter上添加注解
@Bindable
public String getStrValue() {
return strValue;
}
public void setStrValue(String strValue) {
this.strValue = strValue;
//DataModel中的数据发生变化,通知修改与类中strValue属性绑定的View
notifyPropertyChanged(BR.strValue);
//DataModel中的数据发生变化,通知修改与类中所有属性绑定的View
notifyChange();
}
public DataModelEx(String str) {
strValue = str;
}
public void buttonClicked() {
strValue += strValue;
setStrValue(strValue);
}
}
上面的类中封装了一个属性和一个方法,用来和View中的控件做绑定,属性一定要提供getter/setter方法,因为属性和View中的控件绑定后会调用getter方法获取属性值。
该类继承了BaseObservable类,这个在后面的步骤中再详细介绍。
4.在视图中绑定数据
主要是转换xml文件中的内容为数据绑定格式。具体操作:
光标移动到Layout标签上然后使用alt+enter快捷键,弹出菜单中选择"Convert to data binding layout"
这时会自动添加layout和data标签,示例如下:
<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="testdata" type="com.example.model.DataModelEx" />
</data>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".Activity.ActivityDataBindEx">
<TextView
android:id="@+id/id_databind_tv"
android:text="@{testdata.strValue}"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</TextView>
<EditText
android:id="@+id/id_databind_edittext"
android:text="@={testdata.strValue}"
android:layout_width="match_parent"
android:layout_height="64dp">
</EditText>
<Button
android:id="@+id/id_databind_bt"
android:text="ButtonEx"
android:textAllCaps="false"
android:onClick="@{()->testdata.buttonClicked()}"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</Button>
</LinearLayout>
</layout>
这里的内容是数据绑定的重点部分,我们做一个详细解释,data标签用来定义绑定的数据变量与数据类型,其中variable用来定义数据变量的名称,type用来表示数据变量的类型@{}
这样的语法用来绑定数据和事件,比如代码中的TextView控件绑定了DataModel类中的strValue属性,Button控件的onClick事件绑定了DataModel类中的buttonClicked
()方法。
5. 关联数据模型类和视图
主要是在Activity的代码中绑定布局视图(View),示例代码如下:
public class ActivityDataBindEx extends AppCompatActivity {
private ActivityDataBindExBinding dataBinding;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// setContentView(R.layout.activity_data_bind_ex);
dataBinding = DataBindingUtil.setContentView(this,R.layout.activity_data_bind_ex);
//创建DataModel类的对象并且传递给视图中的数据变量,示例中用testdata表示,它的stter方法在自动生成的数据绑定类中
DataModelEx dataModelEx = new DataModelEx("hello");
//给视图中的变量赋值
dataBinding.setTestdata(dataModelEx);
//直接使用视图中具有ID的控件,具有视图绑定的功能
dataBinding.idDatabindTv.setText(dataModelEx.getStrValue());
}
}
数据绑定后系统会自动生成数据绑定类,类的名称就是xml布局的名字加上Binding,不过名字中的下划线换成了大写字母。
上面的代码中定义了数据绑定对象dataBinding,并且通过调用DataBindingUtil.setContentView()
方法给它赋值。获取到数据绑定类对象后可以给视图中的变量赋值,赋值使用数据绑定类的setter方法,通过setter方法把数据模型和视图关联在了一起,这是最核心的地方。
6.视图绑定的功能
数据绑定也具有视图绑定的功能,可以像视图绑定对象一样直接访问视图中具有ID的UI控件;比如上面的示例代码中就直接访问了视图中的TextView组件;
看官们,数据绑定的内容比较多,本章回先介绍到这里,后面章回中我们会继续介绍数据绑定相关的内容。
看官们,关于Android中数据绑定-DataBinding的例子咱们就介绍到这里,欲知后面还有什么例子,且听下回分解!