Kotlin 开发Android app(十)：Android控件绑定ViewBinding

上一节中，我们知道了Android的布局，这种把界面和逻辑控制分开，是编程里很好的分离方式，也大大的解耦了界面和逻辑控制，使得编程的逻辑不在和界面挂钩。

有了界面的布局，我们需要把界面和代码部分进行绑定，这样一来我们就能通过代码来控制界面的空间。

在java之前的代码控制中，是这样进行界面的关联的。

setContentView(R.layout.activity_main)
1

关联起来非常的简单，但有个问题比较麻烦，对于界面里的空间，每个空间如果在代码中需要使用到，我们需要通过 findViewById 把界面的空间绑定到代码中来，这样看起来是非常麻烦的，如果界面的控件比较少还可以接受，如果界面的控件一多，整个代码都是 findViewById ，都在进行控件的绑定了。我们需要的是，不仅仅是关联界面，还要把控件自动的绑定起来。

之前我们采用的都是 kotlin-android-extensions ，但 kotlin-android-extensions 在小项目中比较好用，项目大了可用有自己的问题。可用参考这篇文章。

开启ViewBinding 配置

如果在Kotlin中进行控件的绑定，可用不需要插件，而直接进行如下的配置，就能开启ViewBinding 。

在app 的 build.gradle 文件下的 android 标签下加入下面的代码：

    viewBinding{
        enabled =true
    }
1
2
3

这样，界面的绑定就开启了。

绑定后的界面文件

我们把界面放在xml中，xml的名称在自动绑定后，会形成一个类，类的名称和xml名称相关，以驼峰命名，并在末尾添加 Binding，如生成的 activity_main.xml，会形成一个ActivityMainBinding 把 xml的界面都绑到ActivityMainBinding 上了。

我们简单的建立如下的xml界面:

    <TextView
        android:id = "@+id/tv_hello"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
1
2
3
4
5
6
7
8
9

代码中的绑定和访问

有了ActivityMainBinding 以后，在界面代码中就可以用这个类来访问到界面里的任何成员了。

先把代码设置到这个类中：

        binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)
1
2

我们不在使用 setContentView(R.layout.activity_main)的方式而是取得binding.root，绑定到代码中来，访问控件就非常的简单了。

binding.tvHello.setText("Hello ViewBinding")
1

小结

ViewBinding的绑定方式，使我们的代码和界面库之间的沟通变得十分的简单。也使得代码不会太多的冗余，避免了一直在找控件的代码。