一起Talk Android吧(第三百八十四回:数据绑定-DataBinding使用方法)

各位看官们,大家好,上一回中咱们说的是视图绑定的例子,这一回中咱们介绍的例子是数据绑定-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的例子咱们就介绍到这里,欲知后面还有什么例子,且听下回分解!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

talk_8

真诚赞赏,手有余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值