jetpack ： ViewBinding 和 DataBinding + viewmodel + livedata 的使用

参考：

计分器（ViewModel、Databinding实现数据的保存和控件操作）

一、ViewBinding:视图绑定

通过视图绑定功能，您可以更轻松地编写可与视图交互的代码。
在模块中启用视图绑定之后，系统会为该模块中的每个 XML 布局文件生成一个绑定类。
绑定类的实例包含对在相应布局中具有 ID 的所有视图的直接引用。在大多数情况下，视图绑定会替代 findViewById。

开启ViewBinding :

android {
    buildFeatures {
        viewBinding true
    }
}

为某个模块启用视图绑定功能后，系统会为该模块中包含的每个 XML 布局文件生成一个绑定类。
每个绑定类均包含对根视图以及具有 ID 的所有视图的引用。
系统会通过以下方式生成绑定类的名称：将 XML 文件的名称转换为驼峰式大小写，并在末尾添加“Binding”一词。

public class MyActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        //setContentView(R.layout.activity_my);

        ActivityMyBinding myBinding = ActivityMyBinding.inflate(getLayoutInflater());
        setContentView(myBinding.getRoot());
        
        myBinding.textView3.setText("Hello World");
    }
}

使用viewBinding比传统findViewById的好处：

• 1.类型安全：不用担心出现类型转换的错误

• 2.写法方便，不用写很多声明的代码，使得Activity里面的代码更加整洁

二、DataBinding:数据绑定库

可以使用声明性格式（而非程序化地）将布局中的界面组件绑定到应用中的数据源。
是实现 view 和 data 绑定的工具，把数据映射到 view 的 xml中，可以在 xml 布局文件中实现 view 的赋值，方法调用。
使用 DataBinding 后，我们不用再写 findViewById，不用再获取控件对象，不用再设置监听，可以节省我们 activity 中的很多获取控件，赋值，添加监听所需要的代码。

开启databinding :

android {
    buildFeatures {
        dataBinding true
    }
}

修改布局文件 activity_my :

选中布局文件的第一行，按alter+enter就会弹出提示，默认选中data binding layout

<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="data"
            type="com.xq.mybottomnavigation.MyViewModel" />
    data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MyActivity">

        <androidx.constraintlayout.widget.Guideline
            android:id="@+id/guideline"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_percent="0.06" />

        <androidx.constraintlayout.widget.Guideline
            android:id="@+id/guideline2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_percent="0.15" />

        <androidx.constraintlayout.widget.Guideline
            android:id="@+id/guideline3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_percent="0.33" />

        <androidx.constraintlayout.widget.Guideline
            android:id="@+id/guideline5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_percent="0.57326734" />

        <androidx.constraintlayout.widget.Guideline
            android:id="@+id/guideline6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_percent="0.71049595" />

        <androidx.constraintlayout.widget.Guideline
            android:id="@+id/guideline7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_percent="0.8535179" />

        <androidx.constraintlayout.widget.Guideline
            android:id="@+id/guideline4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_percent="0.4475202" />

        <TextView
            android:id="@+id/textView"
            android:layout_width="83dp"
            android:layout_height="32dp"
            android:text="TeamA"
            android:textAlignment="center"
            android:textSize="24sp"
            app:layout_constraintBottom_toTopOf="@+id/guideline2"
            app:layout_constraintEnd_toStartOf="@+id/guideline8"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="@+id/guideline" />

        <TextView
            android:id="@+id/textView2"
            android:layout_width="83dp"
            android:layout_height="32dp"
            android:text="TeamB"
            android:textAlignment="center"
            android:textSize="24sp"
            app:layout_constraintBottom_toTopOf="@+id/guideline2"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="@+id/guideline8"
            app:layout_constraintTop_toTopOf="@+id/guideline" />

        <androidx.constraintlayout.widget.Guideline
            android:id="@+id/guideline8"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            app:layout_constraintGuide_percent="0.5" />

        <TextView
            android:id="@+id/textView3"
            android:layout_width="140dp"
            android:layout_height="107dp"
            android:text="@{String.valueOf(data.getATeamScore())}"
            android:textAlignment="center"
            android:textColor="#F30606"
            app:layout_constraintBottom_toTopOf="@+id/guideline3"
            app:layout_constraintEnd_toStartOf="@+id/guideline11"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="@+id/guideline2"
            app:layout_constraintVertical_bias="0.682"
            tools:text="120" />

        <TextView
            android:id="@+id/textView4"
            android:layout_width="138dp"
            android:layout_height="100dp"
            android:text="@{String.valueOf(data.getBTeamScore())}"
            android:textAlignment="center"
            android:textColor="#0CD681"
            app:layout_constraintBottom_toTopOf="@+id/guideline3"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="@+id/guideline12"
            app:layout_constraintTop_toTopOf="@+id/guideline2"
            app:layout_constraintVertical_bias="0.666"
            tools:text="0" />

        <Button
            android:id="@+id/button2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:background="#8BC34A"
            android:onClick="@{()->data.bTeamAdd(1)}"
            android:text="+1"
            android:textColor="#FFFFFF"
            app:layout_constraintBottom_toTopOf="@+id/guideline4"
            app:layout_constraintEnd_toStartOf="@+id/guideline10"
            app:layout_constraintStart_toStartOf="@+id/guideline12"
            app:layout_constraintTop_toTopOf="@+id/guideline3"
            app:layout_constraintVertical_bias="0.407" />

        <androidx.constraintlayout.widget.Guideline
            android:id="@+id/guideline9"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            app:layout_constraintGuide_percent="0.05" />

        <androidx.constraintlayout.widget.Guideline
            android:id="@+id/guideline10"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            app:layout_constraintGuide_percent="0.96" />

        <Button
            android:id="@+id/button3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:background="#F44336"
            android:onClick="@{()->data.aTeamAdd(2)}"
            android:text="+2"
            android:textColor="#FFFFFF"
            app:layout_constraintBottom_toTopOf="@+id/guideline5"
            app:layout_constraintEnd_toStartOf="@+id/guideline11"
            app:layout_constraintStart_toStartOf="@+id/guideline9"
            app:layout_constraintTop_toTopOf="@+id/guideline4"
            app:layout_constraintVertical_bias="0.268" />

        <Button
            android:id="@+id/button4"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:background="#8BC34A"
            android:onClick="@{()->data.bTeamAdd(2)}"
            android:text="+2"
            android:textColor="#FFFFFF"
            app:layout_constraintBottom_toTopOf="@+id/guideline5"
            app:layout_constraintEnd_toStartOf="@+id/guideline10"
            app:layout_constraintStart_toStartOf="@+id/guideline12"
            app:layout_constraintTop_toTopOf="@+id/guideline4" />

        <Button
            android:id="@+id/button5"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:background="#F44336"
            android:onClick="@{()->data.aTeamAdd(3)}"
            android:text="+3"
            android:textColor="#FFFFFF"
            app:layout_constraintBottom_toTopOf="@+id/guideline6"
            app:layout_constraintEnd_toStartOf="@+id/guideline11"
            app:layout_constraintStart_toStartOf="@+id/guideline9"
            app:layout_constraintTop_toTopOf="@+id/guideline5" />

        <Button
            android:id="@+id/button6"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:background="#8BC34A"
            android:onClick="@{()->data.bTeamAdd(3)}"
            android:text="+3"
            android:textColor="#FFFFFF"
            app:layout_constraintBottom_toTopOf="@+id/guideline6"
            app:layout_constraintEnd_toStartOf="@+id/guideline10"
            app:layout_constraintStart_toStartOf="@+id/guideline12"
            app:layout_constraintTop_toTopOf="@+id/guideline5"
            app:layout_constraintVertical_bias="0.507" />

        <Button
            android:id="@+id/imageButton2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="重置"
            android:onClick="@{()->data.reset()}"
            app:layout_constraintBottom_toTopOf="@+id/guideline7"
            app:layout_constraintEnd_toStartOf="@+id/guideline10"
            app:layout_constraintStart_toStartOf="@+id/guideline12"
            app:layout_constraintTop_toTopOf="@+id/guideline6" />

        <androidx.constraintlayout.widget.Guideline
            android:id="@+id/guideline11"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            app:layout_constraintGuide_percent="0.45373666" />

        <androidx.constraintlayout.widget.Guideline
            android:id="@+id/guideline12"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            app:layout_constraintGuide_percent="0.55" />

        <Button
            android:id="@+id/button"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:background="#F44336"
            android:onClick="@{()->data.aTeamAdd(1)}"
            android:text="+1"
            android:textColor="#FFFFFF"
            app:layout_constraintBottom_toTopOf="@+id/guideline4"
            app:layout_constraintEnd_toStartOf="@+id/guideline11"
            app:layout_constraintStart_toStartOf="@+id/guideline9"
            app:layout_constraintTop_toTopOf="@+id/guideline3" />

        <Button
            android:id="@+id/imageButton3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="@{()->data.withdraw()}"
            android:text="撤销"
            app:layout_constraintBottom_toTopOf="@+id/guideline7"
            app:layout_constraintEnd_toStartOf="@+id/guideline11"
            app:layout_constraintStart_toStartOf="@+id/guideline9"
            app:layout_constraintTop_toTopOf="@+id/guideline6" />

    androidx.constraintlayout.widget.ConstraintLayout>
layout>

属性绑定：data/variable 中的 data 变量描述了可在此布局中使用的属性。

<data>
    <variable
        name="data"
        type="com.xq.mybottomnavigation.MyViewModel" />
data>

布局中的表达式使用“@{}”语法写入特性属性中。在这里，TextView 文本被设置为 data 变量的 相关 属性。

定义了会生成对应的getter与setter方法，可在java代码中直接使用。

MyViewModel ：

package com.xq.mybottomnavigation;

import android.util.Log;

import androidx.lifecycle.MutableLiveData;
import androidx.lifecycle.ViewModel;

public class MyViewModel extends ViewModel {
    private static final String TAG = MyViewModel.class.getSimpleName();
    private MutableLiveData<Integer> ATeamScore;
    private MutableLiveData<Integer> BTeamScore;
    private int aBack, bBack;      //作为存储上一步操作的比分值，用于撤销函数实现

    //作为dadabinding中TextView（TeamA）的绑定
    public MutableLiveData<Integer> getATeamScore() {
        if (ATeamScore == null) {
            ATeamScore = new MutableLiveData<>();
            ATeamScore.setValue(0);
        }

        return ATeamScore;
    }

    //作为dadabinding中TextView(TeamB)的绑定
    public MutableLiveData<Integer> getBTeamScore() {
        if (BTeamScore == null) {
            BTeamScore = new MutableLiveData<>();
            BTeamScore.setValue(0);
        }
        return BTeamScore;
    }

    public void aTeamAdd(int p) {
        aBack = ATeamScore.getValue();
        bBack = BTeamScore.getValue();
        ATeamScore.setValue(ATeamScore.getValue() + p);
        //aTeam的加分控件函数，会绑定到按键的xml文件中的Onclick对应函数上
    }

    public void bTeamAdd(int p) {
        aBack = ATeamScore.getValue();
        bBack = BTeamScore.getValue();
        BTeamScore.setValue(BTeamScore.getValue() + p);
        //bTeam的加分控件函数，会绑定到按键的xml文件中的Onclick对应函数上
    }

    public void reset()//复位函数，将比分全清零
    {
        aBack = ATeamScore.getValue();
        bBack = BTeamScore.getValue();
        ATeamScore.setValue(0);
        BTeamScore.setValue(0);
        Log.d(TAG, "reset: ");//测试函数是否调用
    }

    public void withdraw()//撤销函数，返回上一步的比分值
    {

        Log.d(TAG, "withdraw: ");//测试函数是否调用
        ATeamScore.setValue(aBack);
        BTeamScore.setValue(bBack);
    }
}

MyActivity ：

public class MyActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        //setContentView(R.layout.activity_my);

        ActivityMyBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_my);
        MyViewModel myViewModel = new ViewModelProvider(this).get(MyViewModel.class);
        binding.setData(myViewModel);
        binding.setLifecycleOwner(this);//这个一定不能少
    }
}