简介
数据绑定库是一种支持库,借助该库,您可以使用声明性格式(而非程序化地)将布局中的界面组件绑定到应用中的数据源。
以上是官方的介绍,其实最直接的就是省去了Activity中findViewById()
,把布局绑定到DataBinding中同时也支持把数据回绑到布局中
// 正常情况
TextView textView = findViewById(R.id.sample_text);
textView.setText(viewModel.getUserName());
// 使用DataBinding
<TextView
android:text="@{viewmodel.userName}" />
使用
- 开启DataBinding
目前DataBinding已经集成,但需要手动开启
打开build.gradle(Module.app)
,添加以下内容
android {
...
dataBinding {
enabled = true
}
}
- 将布局文件转为data binding layout
打开布局文件,点中小灯泡的提示,选择Convert data binding layout
image.png
转换完成后,布局文件会被layout
标签包裹
<?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">
... ...
</layout>
-
打开Activity文件,声明一个DataBinding:
ActivityMainBinding binding;
,名称是根据你的布局文件名称生成的;然后把onCreate()
中的setContentView(R.layout.activity_main);
替换为binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
,这样就由DataBinding接手布局,可以删除所有的findViewById()
了 -
在布局文件中声明变量
默认转换布局后会生成一对<data>
标签,声明一个viewMdoel
变量
<data>
<variable
name="viewModel"
type="com.example.databindingdemo.MyViewModel" />
</data>
- 把数据绑定到布局文件中
还是用之前的例子,我们对TextView设置如下:
android:text="@{String.valueOf(viewModel.number)}"
这样数据就能自动绑定到控件上了
对于按钮点击事件,也可以用onClick()
方法进行绑定
android:onClick="@{()->viewModel.add()}"
如果需要在Fragment中设置监听器,则需要在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="clickListener"
type="android.view.View.OnClickListener" />
</data>
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".SearchFragment">
<Button
...
android:onClick="@{clickListener}"
... />
<Button
...
android:onClick="@{clickListener}"
... />
</FrameLayout>
</layout>
这样就能在Activity中使用了
binding.setClickListener(view -> {
... ...
}
- 简化Activity
在完成布局文件数据绑定后,就可以删除Activity中的LiveData的观察以及按钮的监听事件,添加以下代码,把Activity的生命周期交给Binding:
binding.setViewModel(viewModel);
binding.setLifecycleOwner(this);
这样布局文件中的数据以及点击事件才能生效
完整代码:
package com.example.databindingdemo;
import androidx.appcompat.app.AppCompatActivity;
import androidx.databinding.DataBindingUtil;
import androidx.lifecycle.Observer;
import androidx.lifecycle.ViewModelProviders;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import com.example.databindingdemo.databinding.ActivityMainBinding;
public class MainActivity extends AppCompatActivity {
//TextView textView;
//Button button;
MyViewModel viewModel;
ActivityMainBinding binding;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//setContentView(R.layout.activity_main);
//textView = findViewById(R.id.textView);
//button = findViewById(R.id.button);
binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
viewModel = ViewModelProviders.of(this).get(MyViewModel.class);
binding.setViewModel(viewModel);
binding.setLifecycleOwner(this);
/*viewModel.getNumber().observe(this, new Observer<Integer>() {
@Override
public void onChanged(Integer integer) {
binding.textView.setText(String.valueOf(integer));
}
});*/
/*binding.button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
viewModel.add();
}
});*/
}
}
布局文件:
<?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="viewModel"
type="com.example.databindingdemo.MyViewModel" />
</data>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{String.valueOf(viewModel.number)}"
android:textSize="30sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.279" />
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button"
android:onClick="@{()->viewModel.add()}"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
</layout>
网友评论