Android ViewBinding 使用指南— 全新的视图绑定工具

通过视图绑定功能，您可以更轻松地编写可与视图交互的代码。在模块中启用视图绑定之后，系统会为该模块中的每个 XML 布局文件生成一个绑定类。绑定类的实例包含对在相应布局中具有 ID 的所有视图的直接引用。Tip：Viewbinding在 Android Studio 3.6 Canary 11 及更高版本中可用，现在应该没有谁的AS版本低于3.6了吧！用上ViewBinding步骤总共分几步？——3

尹中文

2569人浏览 · 2022-05-05 18:15:00

尹中文 · 2022-05-05 18:15:00 发布

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

Tip：Viewbinding在 Android Studio 3.6 Canary 11 及更高版本中可用，现在应该没有谁的AS版本低于3.6了吧！

用上ViewBinding步骤总共分几步？——3步！

1.启用视图绑定：

android {
        
        viewBinding {
            enabled = true
        }
    }

2.在activity_main.xml中创建控件

<Button
            android:id="@+id/btnPost"
            android:layout_width="match_parent"
            android:layout_height="45dp"
            android:text="提交"
            android:gravity="center" />

3.Activity 中使用视图绑定

var binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)

        binding.btnPost.setOnClickListener {
            Toast.makeText(applicationContext, "点击了按钮", Toast.LENGTH_SHORT).show()
        }

如果在使用的过程中开发者不想为某个布局文件生成binding类，则可以使用如下属性添加到布局的根视图中即可：

<LinearLayout
        ...
        tools:viewBindingIgnore="true" >

    ...

</LinearLayout>

源码分析

在gradle文件中开启ViewBinding功能后,编译器就会为此模块下的每个布局文件都产生一个对应的绑定类。该demo下自动了绑定类ActivityMainBinding，位置在：

主要代码如下：

public final class ActivityMainBinding implements ViewBinding {
  @NonNull
  private final ConstraintLayout rootView;

  @NonNull
  public final Button btnPost;

  private ActivityMainBinding(@NonNull ConstraintLayout rootView, @NonNull Button btnPost,
      @NonNull EditText etAge, @NonNull EditText etHeight, @NonNull TextView tvAge,
      @NonNull TextView tvHight) {
    this.rootView = rootView;
    this.btnPost = btnPost;
  }

  @Override
  @NonNull
  public ConstraintLayout getRoot() {
    return rootView;
  }

  @NonNull
  public static ActivityMainBinding inflate(@NonNull LayoutInflater inflater) {
    return inflate(inflater, null, false);
  }

  @NonNull
  public static ActivityMainBinding bind(@NonNull View rootView) {
    // The body of this method is generated in a way you would not otherwise write.
    // This is done to optimize the compiled bytecode for size and performance.
    int id;
    missingId: {
      id = R.id.btnPost;
      Button btnPost = rootView.findViewById(id);
      if (btnPost == null) {
        break missingId;
      }

      return new ActivityMainBinding((ConstraintLayout) rootView, btnPost, etAge, etHeight, tvAge,
          tvHight);
    }
    String missingId = rootView.getResources().getResourceName(id);
    throw new NullPointerException("Missing required view with ID: ".concat(missingId));
  }

会去实现ViewBinding接口，实现getRoot()方法，返回的是布局最外层父View，通过Activity的 setContentView()方法可以为Activity设置内容。只要有id的控件会为其生成一个变量，其内部找寻控件实质还是用的findViewbyId，已经帮我们自动做了。

与 findViewById 的区别

与使用 findViewById 相比，视图绑定具有一些很显著的优点：

Null 安全：由于视图绑定会创建对视图的直接引用，因此不存在因视图 ID 无效而引发 Null 指针异常的风险。此外，如果视图仅出现在布局的某些配置中，则绑定类中包含其引用的字段会使用 @Nullable 标记。

类型安全：每个绑定类中的字段均具有与它们在 XML 文件中引用的视图相匹配的类型。这意味着不存在发生类转换异常的风险。

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

与Butterknife区别

butterknife的主要原理：

首先会扫描java代码中所有通过ButterKnife设置的注解比如@Bind，@OnClick等。
当发现一个类中含有任何一个注解时，遍历每个注解对应通过JavaPoet生成一个java类，这个类实现了ViewBinder接口。
这个ViewBinder类中包含了所有对应的代码，比如@Bind注解对应的findViewByid()，@OnClick对应的setOnClickListener等等。
ButterKnife 整个过程是在项目编译阶段完成的，编译耗时但是运行不耗时。ViewBinding比ButterKnife编译更安全，编译速度更快，所以可以说是Butterknife的终结者了。

与DataBinding的区别

视图绑定和数据绑定均会生成可用于直接引用视图的绑定类。但是，视图绑定旨在处理更简单的用例，与数据绑定相比，具有以下优势：