侧边栏壁纸
  • 累计撰写 379 篇文章
  • 累计创建 60 个标签
  • 累计收到 109 条评论

目 录CONTENT

文章目录

Android 视图绑定 ViewBinding

Z同学
2022-09-18 / 0 评论 / 3 点赞 / 147 阅读 / 1,502 字
温馨提示:
本文最后更新于 2022-09-23,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

介绍

我们以前获取xml中的View,通常通过findViewById但是样板代码太多,而且容易引用错误发生崩溃。

后续有很多自动注解方式来帮我们节省时间,其中butterknife可以算是典型代表了。

但后续Android 升级之后再依赖库中的R资源并不是find了。同时当Gradle 5.0之后Resource ID将不会是final类型了。ButterKnife官方也标注了ButterKnife被废弃使用。(http://jakewharton.github.io/butterknife/

针对该需求,Google 推出了ViewBinding来帮我们解决视图绑定。

而如果我们先接触的DataBinding 那么就很容易将ViewBinding误解成两个是一样的。但其实他们并不一样。

一个叫做视图绑定(ViewBinding),而另外一个叫做数据绑定(DataBinding)。

1. ViewBinding

要想使用ViewBinding 必须Android Studio 3.6 Canary 11 以上版本才行。

开启viewBinding功能:在app/build.gradle文件中添加:

//老版本 方法一:
android {
        ...
        viewBinding {
            enabled = true //关键点
        }
    }

//新版本 方法二:
android {
        ...
	buildFeatures {
    	viewBinding  true
	}
 }

以上两个方法都可以,建议用新版本,如果Studio比较老或者gradle版本老,可以用旧版本。

配置完毕后,Gradle一下整个项目,AndroidStudio会自动为每个XML布局文件生成一个绑定类,并不需要我们给xml文件中添加任何代码。(Databinding就需要我们调整xml布局 才会生成。)

实例: 假设创建了一个activity_main.xml 的布局文件:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    tools:context=".MainActivity">

   <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="3dp"
        android:text="Detect"
        app:layout_constraintStart_toStartOf="parent" />
    ...

</androidx.constraintlayout.widget.ConstraintLayout>

那么就会自动生成一个ActivityMainBinding类。

如果我们布局中给View 添加了ID,那么就会在Binding类中存在,如果没有ID则不存在。

1.1 过滤xml转binding类

我们如果有些类不想自动生成对应的binding类,那么只需要在该布局的layout中添加忽略字段即可:tools:viewBindingIgnore="true"

实例如下:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    tools:viewBindingIgnore="true" >
        ...
    </androidx.constraintlayout.widget.ConstraintLayout>
    

1.2 Activity 使用ViewBinding

我们如果开启ViewBinding之后,但是activity中仍然是通过:setContentView(R.layout.activity_main)加载布局的话。那么ViewBinding功能就没有起作用了。我们需要通过ViewBinding类来注入。

实例 java版本:

    private ActivityMainBinding binding;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        binding = ActivityMainBinding.inflate(getLayoutInflater());
        setContentView(binding.getRoot()); //添加绑定
    }
    

实例Kotlin版本:

   private lateinit var binding: ActivityMainBinding

    override fun onCreate(savedInstanceState: Bundle) {
        super.onCreate(savedInstanceState)
        binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)
    }

而我们如果想使用布局中的View ,可以直接通过binding对象操作即可:

实例:

    binding.button.setText("zinyan");
    binding.button.setOnClickListener(new View.OnClickListener() {
        viewModel.userClicked()
    });

我们从此就不用害怕id写错了,或者引用其他布局中的view了。

1.3 Fragment中使用ViewBinding

如果是在Fragment中使用,大体上和Activity差不多。只是需要在onCreateView方法中进行初始化即可。

实例:Java版

 private ActivityMainBinding binding;

    @Override
    public View onCreateView (LayoutInflater inflater,
                              ViewGroup container,
                              Bundle savedInstanceState) {
        binding = ActivityMainBinding.inflate(inflater, container, false);
        return binding.getRoot();
    }

    @Override
    public void onDestroyView() {
        super.onDestroyView();
        binding = null;
    }
    

实例:Kotlin 版

    private var _binding: ActivityMainBinding? = null

    private val binding get() = _binding!!

    override fun onCreateView(inflater: LayoutInflater,container: ViewGroup?,savedInstanceState: Bundle?): View? {
        _binding = ActivityMainBinding.inflate(inflater, container, false)
        val view = binding.root
        return view
    }

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

有别于Activity,我们需要在FragmentonDestoryView中进行清除绑定引用。也就是上面实例中设置为null

这是因为Fragment的存活时间比它的视图时间长。否则会出现OOM异常。

1.4 Adapter中使用ViewBinding

override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHolder {
    val viewBinding = DemoItemViewBinding.inflate(LayoutInflater.from(parent.context))
    val layoutParams = ViewGroup.LayoutParams(
        ViewGroup.LayoutParams.MATCH_PARENT,
        ViewGroup.LayoutParams.MATCH_PARENT
    )
    viewBinding.root.layoutParams = layoutParams
    return MyViewHolder(viewBinding.root)
}

java版本:

@NonNull
@Override
public MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
    DemoItemViewBinding binding = DemoItemViewBinding.inflate(LayoutInflater.from(parent.getContext()), parent, false);
    return new MyViewHolder(binding);
}

2. 总结

与使用 findViewById 相比,视图绑定具有的优点:

  • Null 安全:由于视图绑定会创建对视图的直接引用,因此不存在因视图 ID 无效而引发 Null 指针异常的风险。此外,如果视图仅出现在布局的某些配置中,则绑定类中包含其引用的字段会使用 @Nullable 标记。
  • 类型安全:每个绑定类中的字段均具有与它们在 XML 文件中引用的视图相匹配的类型。这意味着不存在发生类转换异常的风险。

而相较于DataBinding 的优势在于:

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

而DataBinding 的优势就在于:布局和数据的双向绑定了。

所以其实我们可以在项目之中同时使用视图绑定和数据绑定。根据具体的业务需求,使用不同的绑定方式获取布局对象

关于DataBinding的相关介绍可以通过这篇文章了解:https://zinyan.com/?p=105

3

评论区