[TOC]
通过视图绑定，可以更轻松地编写可与视图交互的代码。在模块中启用视图绑定之后，系统会为该模块中的每个XML布局文件生成一个绑定类，绑定类的实例包含对在相应布局中具有ID的所有视图的直接引用。
- 取代
ButterKnife - 代替
findViewById - 代替
Kotlin的synthetics机制（该机制可能会使程序员误用其它布局的控件导致程序崩溃）
参考：https://developer.android.google.cn/topic/libraries/view-binding
与使用findViewById相比，视图绑定具有以下显著的优势：
Null安全：由于视图绑定会创建对视图的直接引用，因此不存在因视图ID无效而引发Null指针异常的风险；此外如果视图仅出现在布局的某些配置中，则绑定类中包含其引用的字段会使用@Nullable标记；- 类型安全：每个绑定类中的字段均具有与它们在
xml文件中引用的视图相匹配的类型，这意味着不存在发生类型转换异常的风险。
视图绑定与数据绑定均会生成可用于直接引用视图的绑定类，但是，视图绑定旨在处理更简单的用例，与数据绑定相比，具有如下优势：
- 更快的编译速度：视图绑定不需要处理注释，因此编译时间更短；
- 对布局代码没有侵入性，易于使用：视图绑定不需要特别标记的
xml布局文件，因此在应用中速度更快。在模块中启用视图绑定后，它会自动应用与该模块的所有布局。
反过来，与数据绑定相比，视图绑定也具有如下限制：
- 视图绑定不支持布局变量或布局表达式，因此不能用于直接在
xml布局文件中生命动态界面内容； - 视图绑定不支持双向数据绑定。
考虑到这些因素，可以在项目中同时使用视图绑定和数据绑定：在需要高级功能的布局中使用数据绑定，在不需要高级功能的布局中使用视图绑定。
视图绑定功能可按模块启用，在在魔鬼模块中启用视图绑定，需将viewBinding元素添加到其build.gradle文件中，如下所示：
defaultConfig {
//...
//viewBinding的依赖
viewBinding {
enabled = true
}
}如果希望在生产绑定类时忽略某个布局文件，需将tools:viewBindingIgnore="true"属性添加到相应布局文件的根视图中：
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
tools:viewBindingIgnore="true">
<!-- ... -->
</LinearLayout>为魔鬼模块启用视图绑定功能后，系统会为该模块中包含的每个xml布局文件生成一个绑定类，每个绑定类均包含对根视图以及具有ID的所有视图的引用。系统会通过以下方式生成绑定类的名称：将xml文件的名称转换成驼峰式大小写，并在末尾添加Binding一词。
例如某个布局文件的名称为result_profile.xml:
<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()方法，用于为相应布局文件的根视图 提供直接引用。在此示例中，ResultProfileBinding类中的getRoot()方法会返回LinearLayout根视图。
在Activity的onCreate()方法中执行以下步骤：
- 调用生成的绑定类中包含的静态
inflate()方法，此操作会创建该绑定类的实例以供Activity使用；- 通过调用
getRoot()方法获取对根视图的引用；- 将根视图传递到
setContentView()，使其成为屏幕上的活动视图。
public class MainActivity extends AppCompatActivity {
//ActivityMainBinding == activity_main.xml
private ActivityMainBinding binding;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
binding = ActivityMainBinding.inflate(getLayoutInflater());
//setContentView(R.layout.activity_main);
setContentView(binding.getRoot());
initView();
}
private void initView() {
binding.btn1.setText("张三");
binding.btn2.setText("李四");
binding.btn3.setText("王麻子");
}
}在Fragment的onCreateView()方法中执行以下步骤：
- 调用生成的绑定类中包含的静态
inflate()方法，此操作会创建该绑定类的实例以供Fragment使用；- 通过调用
getRoot()方法获取对根视图的引用；- 从
onCreateView()方法返回根视图，使其成为屏幕上的活动视图。
private FragmentBlankBinding blankBinding;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// FragmentBlankBinding == fragment_blank.xml
//return inflater.inflate(R.layout.fragment_blank, container, false);
blankBinding = FragmentBlankBinding.inflate(getLayoutInflater());
return blankBinding.getRoot();
}
// 使用
@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
blankBinding.tvText.setText("哈哈哈");
}
@Override
public void onDestroyView() {
super.onDestroyView();
blankBinding = null;
}注意：Fragment 的存在时间比其视图长。请务必在 Fragment 的 onDestroyView() 方法中清除对绑定类实例的所有引用。比如在viewpager中滑动时，触发onDetach()时，生命周期只会走到onDestroyView()，而不会走onDestroy()，这时，如果不把绑定类的引用置空的话，在fragment重新onAttach()时，会调用生命周期onCreateView()，生成新的绑定类实例，但binding的指向并没有改变，还是之前的blankBinding引用，这时我们再使用binding时，就无法更新UI了。
Kotlin中有synthetic机制，是不需要写findViewById的，但是为什么要用ViewBinding呢？
因为Kotlin的synthetic机制不会检查控件的所属布局文件，有可能意外使用到了其他布局文件中的控件，造成Null异常；而由于视图绑定会创建对视图的直接引用，因此不存在因视图ID无效而引发Null指针异常的风险。
class MainActivity : AppCompatActivity() {
lateinit var binding: ActivityMainBinding
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
binding = ActivityMainBinding.inflate(layoutInflater)
//setContentView(R.layout.activity_main)
setContentView(binding.root)
initView()
}
private fun initView() {
// btn1.text = "张三"
// btn2.text = "李四"
// btn3.text = "王麻子"
//隐患，无法避免程序员出错(错误的用到了别的布局控件)
// java.lang.IllegalStateException: tv_text must not be null
//解决这个隐患，需要用到ViewBinding
// tv_text.text = "风云"
//----------viewBinding
binding.btn1.text = "张三"
binding.btn2.text = "李四"
binding.btn3.text = "王麻子"
//binding.tv_text = "风云" //编译不会通过
}
}public class MainViewModel extends AndroidViewModel {
private MutableLiveData<String> imageURL; //图片的URL
private MutableLiveData<Drawable> placeHolder; //占位图
private Context context;
public MainViewModel(@NonNull Application application) {
super(application);
this.context = application;
}
//暴露数据
public MutableLiveData<String> getImageURL() {
if(imageURL == null) {
imageURL = new MutableLiveData<>();
}
return imageURL;
}
public MutableLiveData<Drawable> getPlaceHolder() {
if(placeHolder == null) {
placeHolder = new MutableLiveData<>();
//默认图片
placeHolder.setValue(context.getResources().getDrawable(R.drawable.ic_baseline_notifications_active_24));
}
return placeHolder;
}
//模拟请求的行为
public void requestImage() {
getImageURL().setValue(ImageRequest.IMG_URL);
}
}<?xml version="1.0" encoding="utf-8"?>
<layout 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">
<data>
<variable
name="vm"
type="com.sty.ne.jetpack.databinding_adapter.MainViewModel" />
</data>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainBindingActivity">
<ImageView
android:id="@+id/iv_image"
android:layout_width="match_parent"
android:layout_height="300dp"
imageUrl="@{vm.imageURL}"
placeHolder="@{vm.placeHolder}"/>
</LinearLayout>
</layout>public class ImageBindingAdapter {
//placeHolder 占位图,没有加载出来之前的占位图
//在设置任何属性时调用适配器，则可以将适配器的可选标志 requireAll 设置为 false
@BindingAdapter(value = {"imageUrl", "placeHolder"}, requireAll = false)
public static void loadUrl(ImageView imageView, String url, Drawable placeHolder) {
//获取图片的逻辑...
if(url != null) {
Glide.with(imageView.getContext()).load(url).placeholder(placeHolder).into(imageView);
}
}
}public class MainBindingActivity extends AppCompatActivity {
private ActivityMainBindingBindingImpl binding;
private MainViewModel viewModel;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//初始化DataBinding
binding = DataBindingUtil.setContentView(this, R.layout.activity_main_binding);
//初始化ViewModel
viewModel = new ViewModelProvider(this,
new ViewModelProvider.AndroidViewModelFactory(getApplication())).get(MainViewModel.class);
//绑定
binding.setVm(viewModel);
//setContentView(R.layout.activity_main_binding);
}
@Override
protected void onResume() {
super.onResume();
//触发请求 模拟
viewModel.requestImage();
}
}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent