上一节中,我们知道了Android的布局,这种把界面和逻辑控制分开,是编程里很好的分离方式,也大大的解耦了界面和逻辑控制,使得编程的逻辑不在和界面挂钩。
有了界面的布局,我们需要把界面和代码部分进行绑定,这样一来我们就能通过代码来控制界面的空间。
在java
之前的代码控制中,是这样进行界面的关联的。
setContentView(R.layout.activity_main)
关联起来非常的简单,但有个问题比较麻烦,对于界面里的空间,每个空间如果在代码中需要使用到,我们需要通过 findViewById
把界面的空间绑定到代码中来,这样看起来是非常麻烦的,如果界面的控件比较少还可以接受,如果界面的控件一多,整个代码都是 findViewById
,都在进行控件的绑定了。我们需要的是,不仅仅是关联界面,还要把控件自动的绑定起来。
之前我们采用的都是 kotlin-android-extensions
,但 kotlin-android-extensions
在小项目中比较好用,项目大了可用有自己的问题。可用参考这篇文章。
开启ViewBinding 配置
如果在Kotlin
中进行控件的绑定,可用不需要插件,而直接进行如下的配置,就能开启ViewBinding
。
在app
的 build.gradle
文件下的 android
标签下加入下面的代码:
viewBinding{
enabled =true
}
这样,界面的绑定就开启了。
绑定后的界面文件
我们把界面放在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" />
代码中的绑定和访问
有了ActivityMainBinding
以后,在界面代码中就可以用这个类来访问到界面里的任何成员了。
先把代码设置到这个类中:
binding = ActivityMainBinding.inflate(layoutInflater)
setContentView(binding.root)
我们不在使用 setContentView(R.layout.activity_main)
的方式而是取得binding.root
,绑定到代码中来,访问控件就非常的简单了。
binding.tvHello.setText("Hello ViewBinding")
小结
ViewBinding
的绑定方式,使我们的代码和界面库之间的沟通变得十分的简单。也使得代码不会太多的冗余,避免了一直在找控件的代码。