美文网首页
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>
    

    相关文章

      网友评论

          本文标题:DataBinding

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