Android解放双手的利器之ViewBinding

已于 2025-01-04 18:18:02 修改
阅读量8k 收藏 58
点赞数 32
CC 4.0 BY-SA版权
分类专栏： Android开发学习 文章标签： android ViewBinding findViewById
于 2024-05-10 19:25:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/fxjzzyo/article/details/138637546

文章目录

1. 背景

写代码最繁琐的是什么？重复的机械操作。我们刚接触Android开发时最常写的操作肯定少不了findViewById 的身影。如果页面简单，负担还好，多写几行而已，但如果界面中存在几十上个View呢？再或者，重复的做一件枯燥的事几百次呢？这时候就会敲代码敲到手抽筋，有点生无可恋了吧。

表情包

2. ViewBinding是什么

这时候你的救星它来了！解放你的双手，效率提升十倍！它就是 ViewBinding !

ViewBinding ，顾名思义是“视图绑定”。它可以自动为 XML 布局文件生成一个绑定类，通过这个绑定类，你可以直接拿到布局中的View，再也不用 findViewById 的一个个去找了。

ViewBinding 是AndroidStudio3.6以后就支持的功能，现在大家的Android Studio版本应该都是202x.x.x这种新的年月日版本了吧。Android Studio4.2.2之后就采用这种新版本命名法了。

3. 开启ViewBinding功能

3.1 前置条件

Android Studio版本：>=3.6
Gradle版本：>3.6

3.2 配置开启viewBinding

不同Gradle 版本，开启viewBinding的方式有差别：

  • Gradle 版本 4.1 以上

    在 module级别的 build.gradle 文件中，添加如下代码：

    android {
    ...
    buildFeatures {
        viewBinding true
    }
}

    如果你的 build.gradle 是 build.gradle.kts 这种文件，则这样添加代码：

    android {
    ...
    buildFeatures {
        viewBinding = true
    }
}

  • Gradle 版本 4.1 以下
    如果你的 Gradle 版本 非常旧（建议最好还是用比较新的，别用这种低版本了），则配置语法有所不同：

    viewBinding {
    enabled = true
}

4. 生成绑定类

添加配置代码之后，会提示你点击 sync 同步代码，然后 build 一下工程 AS 会自动为你的工程生成绑定类代码，目录在app/build/generated/data_binding_xxx下。

生成的绑定类命名规则是，将 XML 文件的名称转换为“驼峰命名法”的形式，并在末尾添加“Binding”一词。比如，你的布局文件名是：activity_main.xml，那么生成的绑定类名是： ActivityMainBinding

绑定代码生成

默认情况下，AS会对工程中的所有xml文件生成绑定类。如果不想为某个布局文件生成，则可以将 tools:viewBindingIgnore=“true” 属性添加到该布局文件的根视图中，例如：👇

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

5. 使用ViewBinding

ViewBinding可以用在各种需要布局与代码交互的地方，如Activity、Fragment、ViewHolder等

5.1 Activity 中使用

首先是布局，不需要做任何修改😄，比如布局：activity_main.xml👇：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />

    <ImageView
        android:id="@+id/iv_icon"
        android:layout_width="100dp"
        android:layout_height="100dp" />

    <Button
        android:id="@+id/btn_ok"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="按钮" />
</LinearLayout>

  • 使用 ViewBinding 前
    MainActivity.kt 👇：

    import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.ImageView
import android.widget.TextView

class MainActivity : AppCompatActivity() {

    private var tvTitle: TextView? = null
    private var ivIcon: ImageView? = null
    private var btnOk: Button? = null

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        tvTitle = findViewById(R.id.tv_title)
        ivIcon = findViewById(R.id.iv_icon)
        btnOk = findViewById(R.id.btn_ok)
        tvTitle?.text = "你好"
        ivIcon?.setBackgroundColor(Color.RED)
        btnOk?.text = "确认"
        btnOk?.setOnClickListener { 
            Toast.makeText(this@MainActivity, "点击了", Toast.LENGTH_SHORT).show()
        }
    }
}

  • 使用 ViewBinding 后
    MainActivity.kt 👇：

    import android.graphics.Color
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Toast
import com.example.mtes.databinding.ActivityMainBinding

class MainActivity : AppCompatActivity() {

    private var activityMainBinding: ActivityMainBinding? = null

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        activityMainBinding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(activityMainBinding?.root)
        activityMainBinding?.tvTitle?.text = "你好"
        activityMainBinding?.ivIcon?.setBackgroundColor(Color.RED)
        activityMainBinding?.btnOk?.text = "确认"
        activityMainBinding?.btnOk?.setOnClickListener {
            Toast.makeText(this@MainActivity, "点击了", Toast.LENGTH_SHORT).show()
        }
    }
}

到这里，相信你已经学会了 ViewBinding 的基本用法，体会到它的便捷了吧，再见了 findViewById 😄。

5.2 Fragment 中使用

这里就省略布局的举例了，跟Activity一样，拿到binding后，直接点出来你想访问的view即可。相信聪明的你一定能理解👋

  • 使用 ViewBinding 前，MyFragment.kt 👇：
import android.os.Bundle
import androidx.fragment.app.Fragment
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup

class MyFragment : Fragment() {
   
    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        return inflater.inflate(R.layout.fragment_my, container, false)
    }
}

  • 使用 ViewBinding 后，MyFragment.kt 👇：

    import android.os.Bundle
import androidx.fragment.app.Fragment
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import com.example.mtes.databinding.FragmentMyBinding

class MyFragment : Fragment() {

    private var binding: FragmentMyBinding? = null

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        binding = FragmentMyBinding.inflate(layoutInflater, container, false)
        val view = binding?.root
        return view
    }
    
	override fun onDestroyView() {
       super.onDestroyView()
	        binding = null
	   }

}

注意：Fragment中使用 ViewBinding 有内存泄漏的风险。比如Fragment的替换操作时会执行 onDestroyView 方法，但不会onDestroy，这时Fragment会回收根View，但整个View树被我们生成的 ViewBinding 类对象持有，导致无法回收，从而导致了内存泄漏。

为解决这一风险问题，应在Fragment的 onDestroyView 方法中手动将 binding 对象置空，从而避免内存泄漏

override fun onDestroyView() {
	       super.onDestroyView()
	        binding = null
	   }

5.3 ViewHolder 中使用

列表也是我们常见的场景，使用 RecyclerView + Adapter + ViewHolder 实现列表，里面少不了对ViewHolder中的View的 findViewById。

比如列表item布局: layout_holder.xml 👇

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/tv_item"
        />
</LinearLayout>

  • 使用ViewHolder前，MyAdapter.kt👇：

    import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.TextView
import androidx.recyclerview.widget.RecyclerView

class MyAdapter: RecyclerView.Adapter<MyAdapter.MyViewHolder>() {

    private val dataList: List<String>? = null

    class MyViewHolder(val itemView: View) : RecyclerView.ViewHolder(itemView) {
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHolder {
        val view = LayoutInflater.from(parent.context).inflate(R.layout.layout_holder, parent, false)
        return MyViewHolder(view)
    }

    override fun getItemCount(): Int {
        return dataList?.size ?: 0
    }

    override fun onBindViewHolder(holder: MyViewHolder, position: Int) {
        val tvText: TextView = holder.itemView.findViewById<TextView>(R.id.tv_item)
        tvText.text = "你好"
    }
}

  • 使用ViewHolder后，MyAdapter.kt👇：

    import android.view.LayoutInflater
import android.view.ViewGroup
import androidx.recyclerview.widget.RecyclerView
import com.example.mtes.databinding.LayoutHolderBinding
class MyAdapter: RecyclerView.Adapter<MyAdapter.MyViewHolder>() {

    private val dataList: List<String>? = null

    class MyViewHolder(val binding: LayoutHolderBinding) : RecyclerView.ViewHolder(binding.root) {

    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHolder {
        val binding = LayoutHolderBinding.inflate(LayoutInflater.from(parent.context), parent, false)
        return MyViewHolder(binding)
    }

    override fun getItemCount(): Int {
        return dataList?.size ?: 0
    }

    override fun onBindViewHolder(holder: MyViewHolder, position: Int) {
        holder.binding.tvItem.text = "标题"
    }
}

6. ViewBinding的优点

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

  • Null 安全
    由于 ViewBinding 会创建对布局中的 view 的直接引用，因此不存在因 view ID 找不到而引发 null 指针异常的风险.
  • 类型安全
    viewbinding 生成的属性类型和布局中的View类型是一致的，不存在之前findViewById后，类型转换的风险。

7. 与 dataBinding 对比

dataBinding 与 viewBinding 类似，也是可以生成绑定代码，但侧重点在于对于数据的赋值，相比 viewBinding 更复杂一些。因此如果只是想省略 findViewById ，那么推荐用 viewBinding 就好了，因为它有以下优势：

  • 加快编译速度：视图绑定不需要处理注解，因此编译时间更短。
  • 易于使用：视图绑定不需要特别标记的 XML 布局文件，因此在您的应用中采用的速度更快。在模块中启用视图绑定后，它会自动应用于该模块的所有布局。

另一方面，与 dataBinding 相比，viewBinding也有一些劣势：

  • viewBinding 不支持布局变量或布局表达式，因此它不能用于直接从 XML 布局文件声明动态界面内容。
  • viewBinding 不支持双向数据绑定。

最后，dataBinding 与 viewBinding 是可以同时使用的，在哪个页面用哪个，取决于你喽🤣。

怎么样，有了 ViewBinding，妈妈再也不用担心你的手指了，快去试试吧～
如果这篇文章对你有用，欢迎支持🙏

8. 特殊情况

8.1 布局中嵌套include标签

上述我们使用 ViewBinding 时都是在普通的一个布局文件中，不存在多个布局嵌套，所以可以根据生成的代码直接引用到布局中的id。

如果布局中存在嵌套，比如使用 include 标签引用了另一个布局，这时就没法直接用XXXbinding对象去引用嵌套布局里的id了。

这时该怎么引用呢？🤔

💡！也比较容易，多点一层调用就行了！😄。

先说下解决方法：

  1. 为 include 标签添加 id ;
  2. 使用 binding 访问到 include 节点，再访问到 include节点内部的其他控件。

再举例说明下：还是上面的 Activity 中，有下面的布局，activity_main.xml：⬇️

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <include
        android:id="@+id/include_title_bar"
        layout="@layout/title_bar" />
    
    <TextView
        android:id="@+id/tv_content"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />

    <ImageView
        android:id="@+id/iv_icon"
        android:layout_width="100dp"
        android:layout_height="100dp" />

    <Button
        android:id="@+id/btn_ok"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="按钮" />
</LinearLayout>

注意 上述 include 标签 引用了 一个标题布局: title_bar.xml，并且我们 为 include 标签添加了 id：android:id="@+id/include_title_bar"

title_bar.xml：⬇️

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:gravity="center">

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="标题" />

</LinearLayout>

在 Activity 代码中访问

MainActivity: ⬇️

import android.graphics.Color
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Toast
import com.example.mtes.databinding.ActivityMainBinding

class MainActivity : AppCompatActivity() {

    private var activityMainBinding: ActivityMainBinding? = null

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        activityMainBinding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(activityMainBinding?.root)
        
        // 访问当前布局中的控件
        activityMainBinding?.ivIcon?.setBackgroundColor(Color.RED)
        activityMainBinding?.btnOk?.text = "确认"
        activityMainBinding?.btnOk?.setOnClickListener {
            Toast.makeText(this@MainActivity, "点击了", Toast.LENGTH_SHORT).show()
        }
        // 访问 include 中的控件 tvtitle
        activityMainBinding?.includeTitleBar?.tvTitle?.text = "你好"

    }
}

可以看到，访问 include 中的控件 tvtitle，只需要给include标签添加ID，然后就能引用到include节点，再点到里面的控件了，像这样：activityMainBinding?.includeTitleBar?.tvTitle

这就是 ViewBinding 处理嵌套布局的方法了。

官网文档：https://developer.android.google.cn/topic/libraries/view-binding#groovy

这个疯子整理的十万字Java面试题汇总，终于拿下40W offer！（JDK源码+微服务合集+并发编程+性能优化合集+
m0_67401134的博客
07-23 2970
Spring框架是一个为Java应用程序的开发提供了综合、广泛的基础性支持的Java平台。Spring帮助开发者解决了开发中基础性的问题,使得开发人员可以专注于应用程序的开发。Spring框架本身亦是按照设计模式精心打造,这使得我们可以在开发环境中安心的集成Spring框架,不必担心Spring是如何在后台进行工作的。Spring框架至今已集成了20多个模块。这些模块主要被分如下图所示的核心容器、数据访问/集成,、Web、AOP(面向切面编程)、工具、消息和测试模块。...
Android架构组件____视图绑定
Stay hungry, stay foolish!!
08-14 647
Android架构组件____视图绑定 Android架构____视图的绑定视图绑定 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录Android架构组件____视图绑定前言一、视图绑定二、使用步骤1.引入库2.忽略某个布局文件2.忽略某个布局文件总结 前言 相信大多数的80，90后都使用过findViewById吧，尤其是项目全局变量及其多时强迫症估计受不了。当然了一堆的的全局变量也导致了很多问题1. 因视图 ID 无效而引发 Null 指针异常的风险.忘记findvie
（二十九）安卓开发中DataBinding 和 ViewBinding详解
cuijiying的博客
04-21 1446
是 Android Jetpack 提供的一项功能，旨在替代传统的方法。它通过为每个 XML 布局文件生成一个绑定类，使得开发者可以直接通过这个类访问布局中的视图，而无需手动查找视图 ID。这不仅提高了代码的可读性，还提供了类型安全和空安全的好处。是一个更强大的工具，不仅提供 ViewBinding 的视图访问功能，还允许在 XML 布局中直接绑定数据源。它可以让 UI 组件与数据对象建立绑定关系，当数据发生变化时，UI 会自动更新，反之亦然（双向绑定）。
Android 使用View Binding的方法详解
08-19
View Binding是一项功能，使您可以更轻松地编写与视图交互的代码。在模块中启用视图绑定后，它将为该模块中存在的每个XML布局文件生成一个绑定类。这篇文章主要介绍了Android 使用View Binding的方法,需要的朋友可以参考下
Android ViewBinding 简述
最新发布
qq_45906596的博客
06-18 479
ViewBinding 是 Android Jetpack 组件，用于替代传统 findViewById，提供类型安全和空安全的视图访问方式。它会在编译时为每个 XML 布局文件生成绑定类，直接映射视图 ID。 二、ViewBinding优点 类型安全：自动匹配视图类型，避免类型转换错误空安全：生成的视图引用永不为 null（除非布局中不存在）编译时检查：XML-ID 错误在编译时暴露，而非运行时崩溃代码简洁：消除模板代码，提升可读性性能优化：编译时生成代码，零运行时开销 2. 自动生成的
安卓开发中的ViewBinding使用
m0_66843126的博客
06-19 4630
在安卓开发中ViewBinding的使用
android ViewBinding
且听真言
07-17 5516
一、kotlin-android-extensions 在使用ViewBinding之前，我们一直使用的是kotlin-android-extensions，使用kotlin-android-extensions可以节约很多写findViewById的时间。不过这个kotlin-android-extensions插件已经废弃了，简单说一下kotlin-android-extensions存在的问题： 1.通过反编译kotlin-android-extensi...
Android ViewBinding使用详解
帅次的博客
08-11 6224
View Binding(视图绑定) 视图绑定是一项功能，可让你更轻松地编写与视图交互的代码。在模块中启用视图绑定后，它会为该模块中存在的每个 XML 布局文件生成一个 绑定类。绑定类的实例包含对在相应布局中具有 ID 的所有视图的直接引用。 在大多数情况下，View Binding会替换findViewById. 设置 视图绑定在一个模块一个模块的基础上启用。要在模块中启用视图绑定，请在Module级build.gradle文件中将viewBindi...
Android - ViewBinding学习使用
孔小乐的博客
08-22 1746
枯燥又没什么意义，因此针对这个问题也出了很多开源库来解决，例如：Butter Knife（黄油刀）。插件，当时用的时候真是感觉像发现了新大陆一样，非常好用。功能之后，Android Studio会自动为我们所编写的每一个布局文件都生成一个对应的Binding类。之间进行绑定，并不算是非常方便。但是，当你的gradle升级到新版本的时候，会显示下面的提示。标签引入的布局在某些情况下可以减少一层布局的嵌套，而更少的布局嵌套通常就意味着更高的效率。进行重命名处理，而且经常会引用错误的布局文件，导致运行崩溃。
Android viewBinding使用
ulddfhv的专栏
01-26 2373
Kotlin： 在app下build.gradle文件 android { } 中配置 android{ //kotlin中引入viewBinding buildFeatures{ viewBinding true } //java中引入viewBinding viewBinding { enabled = true } } 然后在Activity中使用： //Kotlin文件中使用 class MainActi
安卓ViewBinding详解
chuyouyinghe的专栏
03-02 1570
2019年Google I/O大会上公布的一款Android视图绑定工具：ViewBinding。使用方式类似DataBinding，但相比DataBinding，ViewBinding是一个更轻量级、更纯粹的findViewById的替代方案。注意：ActivityMainBinding是根据布局文件activity_main.xml来生成的。链接：https://www.jianshu.com/p/3e45839074b3。目前从事编程教学，软件开发指导，软件类毕业设计指导。这样的命名方式即可。
Android App封装 —— ViewBinding
datian1234的博客
12-27 2848
ViewBinding相比优点还是很多的，解决了安全性问题和兼容性问题，所以我们可以放心大胆的使用。项目源码地址：相关链接：Android App封装 ——架构（MVI + kotlin + Flow）作者：剑冲链接：https://juejin.cn/post/7177673339517796413如果想要成为架构师或想突破20~30K薪资范畴，那就不要局限在编码，业务，要会选型、扩展，提升编程思维。
Android——ViewBinding总结
子平的博客
11-30 3057
ViewBinding归纳总结
Android Jetpack 系列（一）View Binding 高效用法解析
子云心的博客
06-24 2023
从 Android官方开发者文档中可见，View Binding 是官方推荐的视图绑定方案。它提供了一种更安全、更高效的视图绑定方式，可以减少开发者的工作量，并提高代码的可维护性和性能，也降低了潜在的运行时错误风险。因此，如果你正在开发新的 Android 项目， View binding 是一个很不错的选择。hl=zh-cn。
android ViewBinding使用（替代findViewById）
cmmboy1990的博客
04-13 1442
1.开启viewBinding功能 在项目build.gradle 中加入： viewBinding.enabled = true 2.Activity 绑定 java 代码： private ActivityMainBinding mBinding; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); mBinding
Android中viewBinding的简单用法
liny70858的博客
10-10 6179
有关viewBinding的简单用法~
【Android】简单使用viewBinding
csdnluckiest的博客
07-02 1032
Android的viewBinding简单使用
Android性能优化利器StrictMode应用详解
Android性能调优利器StrictMode应用分析 StrictMode是Android开发中的一种性能调优利器，用于检测程序中的违例情况，帮助开发者发现和定位问题，进而进行优化和改善。下面将详细介绍StrictMode在Android应用开发中...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

子林Android

感谢老板，老板大气！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值