Android視圖綁定方法深入探究

更新時間：2023年01月30日 15:16:14 作者：change_fate

這篇文章主要介紹了Android視圖綁定方法，通過視圖綁定viewBinding功能，您可以更輕松地編寫可與視圖交互的代碼。在模塊中啟用視圖綁定之后，系統(tǒng)會為該模塊中的每個XML

視圖綁定

用于替代findViewById的方式獲取id元素， google推薦使用

原理

啟用視圖綁定之后，系統(tǒng)會為該模塊中的每個 XML 布局文件生成一個綁定類。綁定類的實例包含對在相應布局中具有 ID 的所有視圖的直接引用。

優(yōu)點(相比于findViewById)

Null 安全：由于視圖綁定會創(chuàng)建對視圖的直接引用，因此不存在因視圖 ID 無效而引發(fā) Null 指針異常的風險。此外，如果視圖僅出現(xiàn)在布局的某些配置中，則綁定類中包含其引用的字段會使用 @Nullable 標記。
類型安全：每個綁定類中的字段均具有與它們在 XML 文件中引用的視圖相匹配的類型。這意味著不存在發(fā)生類轉(zhuǎn)換異常的風險。

這些差異意味著布局和代碼之間的不兼容將會導致構(gòu)建在編譯時（而非運行時）失敗。

與數(shù)據(jù)綁定的對比

視圖綁定和數(shù)據(jù)綁定均會生成可用于直接引用視圖的綁定類。但是，視圖綁定旨在處理更簡單的用例，與數(shù)據(jù)綁定相比，具有以下優(yōu)勢：

更快的編譯速度：視圖綁定不需要處理注釋，因此編譯時間更短。

易于使用：視圖綁定不需要特別標記的 XML 布局文件，因此在應用中采用速度更快。在模塊中啟用視圖綁定后，它會自動應用于該模塊的所有布局。

反過來，與數(shù)據(jù)綁定相比，視圖綁定也具有以下限制：

視圖綁定不支持布局變量或布局表達式，因此不能用于直接在 XML 布局文件中聲明動態(tài)界面內(nèi)容。

視圖綁定不支持雙向數(shù)據(jù)綁定。

考慮到這些因素，在某些情況下，最好在項目中同時使用視圖綁定和數(shù)據(jù)綁定。您可以在需要高級功能的布局中使用數(shù)據(jù)綁定，而在不需要高級功能的布局中使用視圖綁定。

使用視圖綁定

添加元素到build.gradle文件中

android {
...
viewBinding {
enabled = true
}
}

如果您希望在生成綁定類時忽略某個布局文件，請將 tools:viewBindingIgnore=“true” 屬性添加到相應布局文件的根視圖中：

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

使用

模塊視圖綁定后，系統(tǒng)為XML布局文件生成綁定類 – 類名為XML文件名轉(zhuǎn)大駝峰，末尾加Binding一詞

如result_profile.xml ==> 綁定類為ResultProfileBinding

<LinearLayout ... >
    <TextView android:id="@+id/name" />
    <ImageView android:cropToPadding="true" />
    <Button android:id="@+id/button"
        android:background="@drawable/rounded_button" />
</LinearLayout>

綁定類 ResultProfileBinding 具有字段：name(TextView) 和 button(Button)。該布局沒有ImageView的ID，不存在對它的引用

每個綁定類有一個getRoot()方法, 為相應布局根視圖提供引用，如上綁定類的getRoot()返回LinearLayout根視圖

在Activity中使用視圖綁定

如果需要設置綁定類實例在Activity中使用，需要在Activity的onCreate()中執(zhí)行：

(1). 調(diào)用生成綁定類中包含靜態(tài)inflate()方法，會創(chuàng)建綁定類實例供Activity使用

(2). 通過getRoot() 方法或使用 Kotlin語法獲取根視圖

(3). 將根視圖傳遞到setContentView(), 使成為屏幕上的活動視圖

    private lateinit var binding: ResultProfileBinding
    override fun onCreate(savedInstanceState: Bundle) {
        super.onCreate(savedInstanceState)
        binding = ResultProfileBinding.inflate(layoutInflater)
        val view = binding.root
        setContentView(view)
    }

可以使用該綁定類的實例引用視圖

    binding.name.text = viewModel.name
    binding.button.setOnClickListener { viewModel.userClicked() }

在Fragment中使用視圖綁定

在Fragment中的onCreateView()方法中執(zhí)行以下步驟

(1) 調(diào)用生成的綁定類包含的inflate() 方法, 此操作會創(chuàng)建綁定類實例供Fragment使用

(2) 調(diào)用getRoot()方法或 bingClass.root 獲取根視圖引用

(3) 從onCreateView()方法返回根視圖，使其成為屏幕活動視圖 inflate() 方法會要求您傳入布局膨脹器。如果布局已膨脹，您可以調(diào)用綁定類的靜態(tài) bind() 方法。

private var _binding: ResultProfileBinding? = null
override fun onCreateView(
  inflater: LayoutInflater,
  container: ViewGroup?,
  savedInstanceState: Bundle?
): View? {
  _binding = ResultProfileBinding.inflate(inflater, container, false)
  val view = bing.root
  return view
}
override fun on DestroyView() {
  super.onDestroyView()
  _binding = null
}