DataBinding

2019-11-05  本文已影响0人  禄眠

简介

数据绑定库是一种支持库,借助该库,您可以使用声明性格式(而非程序化地)将布局中的界面组件绑定到应用中的数据源。
以上是官方的介绍,其实最直接的就是省去了Activity中findViewById(),把布局绑定到DataBinding中同时也支持把数据回绑到布局中

// 正常情况
TextView textView = findViewById(R.id.sample_text);
textView.setText(viewModel.getUserName());
// 使用DataBinding
<TextView
        android:text="@{viewmodel.userName}" />

使用

  1. 开启DataBinding
    目前DataBinding已经集成,但需要手动开启
    打开build.gradle(Module.app),添加以下内容
android {
    ...
    dataBinding {
        enabled = true
    }
}
  1. 将布局文件转为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>
  1. 打开Activity文件,声明一个DataBinding:ActivityMainBinding binding;,名称是根据你的布局文件名称生成的;然后把onCreate()中的setContentView(R.layout.activity_main);替换为binding = DataBindingUtil.setContentView(this, R.layout.activity_main);,这样就由DataBinding接手布局,可以删除所有的findViewById()

  2. 在布局文件中声明变量
    默认转换布局后会生成一对<data>标签,声明一个viewMdoel变量

<data>
    <variable
        name="viewModel"
        type="com.example.databindingdemo.MyViewModel" />
</data>
  1. 把数据绑定到布局文件中
    还是用之前的例子,我们对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 -> {
    ... ...
}
  1. 简化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>
上一篇 下一篇

猜你喜欢

热点阅读