美文网首页
DataBinding

DataBinding

作者: 禄眠 | 来源:发表于2019-11-05 13:41 被阅读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>

相关文章

  • MVVM

    DataBinding基础用法 DataBinding入门 Android数据绑定框架DataBinding,堪称...

  • DataBinding

    dataBinding的使用 一、databinding的配置方法 二、databinding的基本使用 三、da...

  • DataBinding添加监听

    这章介绍DataBinding添加监听。如果不了解DataBinding的话,请查看[DataBinding的简单...

  • DataBinding系列(二):DataBinding的基本用

    在上一章 DataBinding系列(一):DataBinding初认识,我们已经认识了DataBinding,并...

  • Android MVVM模式的理解

    在之前的系列文章DataBinding系列(一):DataBinding初认识中讲过了关于DataBinding用...

  • dataBinding原理

    dataBinding如何绑定View? dataBinding如何修改View?

  • Android DataBinding

    Android DataBinding DataBinding 文档[https://developer.andr...

  • android databinding 初体验

    这是一篇databinding使用初体验,文章主要介绍了databinding使用,如何使用DataBinding...

  • Data Binding基础用法

    1.DataBinding配置2.DataBinding的使用3.UI/事件绑定 1.DataBinding配置 ...

  • dataBinding

    DataBinding DataBinding DataBinding是谷歌发布的一种数据绑定的框架,能够省去fi...

网友评论

      本文标题:DataBinding

      本文链接:https://www.haomeiwen.com/subject/eojsbctx.html