为什么我推荐你用ViewBinding 替换findViewById?

为什么推荐你使用ViewBinding 替换findViewById 和 ButterKnife ？ 因为太爽了，太上头了。 用过一次就爱上了，再也不想回去。真心的。不信你看下文！

定义

ViewBinding 是google推出Jetpack库的一个组件,主要用于视图绑定,替代 findViewById操作.Viewbinding会根据xml文件生成一个对应的绑定类, 比如我们xml文件是: activity_login_layout.xml 生成的绑定类就是ActivityLoginLayoutBinding 这么一个类.在使用的时候直接通过生成的绑定类调用我们xml中的视图组件, 不用findViewById,也不用声明组件. 接下来看下我们集成和项目就能很快的理解.

集成

首先在我们工程build.gradld中引入viewBind

    //引入ViewBinding

    viewBinding {

        viewBinding = true

    }

然后我们就可以在代码中使用ViewBinding了

代码

创建了一个登录页面, activity_login_layout.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"
xmlns:tools="http://schemas.android.com/tools"
android:orientation="vertical"
tools:viewBindingIgnore="false"
android:padding="16dp">

<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/tv_login_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="登录"
android:textColor="@color/design_default_color_primary_variant"
android:textSize="19sp" />

<androidx.appcompat.widget.AppCompatEditText
android:id="@+id/et_login_account"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginTop="10dp"
android:hint="用户名"
android:paddingStart="10dp"
android:paddingEnd="10dp" />

<androidx.appcompat.widget.AppCompatEditText
android:id="@+id/et_login_pwd"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginTop="10dp"
android:hint="密码"
android:paddingStart="10dp"
android:paddingEnd="10dp" />

<Button
android:id="@+id/btn_login"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginTop="20dp"
android:background="@color/design_default_color_secondary"
android:text="登录"
android:textSize="20dp" />

<TextView
android:id="@+id/tv_find_pwd"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end"
android:layout_marginTop="10dp"
android:layout_marginEnd="10dp"
android:text="找回密码"
android:textColor="@android:color/holo_red_dark"
android:textSize="16sp" />
</LinearLayout>

接下来我们看下用findViewById方式获取id并且设置点击事件等

class LoginActivity2 : AppCompatActivity(R.layout.activity_login_layout) {
//先声明控件
lateinit var etAccount: EditText
lateinit var etPwd: EditText
lateinit var btnLogin: Button

override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)

        initView()

    }

private fun initView() {
//挨个findViewById 初始化控件

        etAccount = findViewById(R.id.et_login_account)

        etPwd = findViewById(R.id.et_login_pwd)

        btnLogin = findViewById(R.id.btn_login)

        btnLogin.setOnClickListener {
var accountInfo = etAccount.text
var accountPwd = etPwd.text
if (!TextUtils.isEmpty(accountInfo)) {
if (!TextUtils.isEmpty(accountPwd)) {

                    Log.e("ping", "执行登录操作：用户名：$accountInfo 密码： $accountPwd")

                } else {

                    Log.e("ping", "请输入密码")

                }

            } else {

                Log.e("ping", "请输入用户名")

            }

        }

    }

}

在看下用ViewBinding的代码

class LoginActivity : AppCompatActivity() {
private lateinit var binding: ActivityLoginLayoutBinding
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)

        binding = ActivityLoginLayoutBinding.inflate(layoutInflater)
val view = binding.root;

        setContentView(view)

        initView()

    }

private fun initView() {

        binding.btnLogin.setOnClickListener {
var accountInfo = binding.etLoginAccount.text
var accountPwd = binding.etLoginPwd.text
if (!TextUtils.isEmpty(accountInfo)) {
if (!TextUtils.isEmpty(accountPwd)) {

                    Log.e("ping", "执行登录操作：用户名：$accountInfo 密码： $accountPwd")

                } else {

                    Log.e("ping", "请输入密码")

                }

            } else {

                Log.e("ping", "请输入用户名")

            }

        }

    }

}

是不是很直观, 不需要声明控件,也不需要findViewById 直接用 ActivityLoginLayoutBinding绑定类 . 操作就可以, 是不是很Nice. 这个时候你又说了,这样我不知道那个是那个控件怎么办? 我们来看下ActivityLoginLayoutBinding类的代码:

public final class ActivityLoginLayoutBinding implements ViewBinding {
@NonNull
private final LinearLayout rootView;
@NonNull   //android:id="@+id/btn_login"    
public final Button btnLogin;  //根据我们在xml中定义的id 驼峰命名发声明控件    
@NonNull  //android:id="@+id/et_login_account"
public final AppCompatEditText etLoginAccount;
@NonNull  //android:id="@+id/et_login_pwd"
public final AppCompatEditText etLoginPwd;
@NonNull  // android:id="@+id/tv_find_pwd"
public final TextView tvFindPwd;
@NonNull
public final AppCompatTextView tvLoginTitle;

private ActivityLoginLayoutBinding(@NonNull LinearLayout rootView, @NonNull Button btnLogin, @NonNull AppCompatEditText etLoginAccount, @NonNull AppCompatEditText etLoginPwd, @NonNull TextView tvFindPwd, @NonNull AppCompatTextView tvLoginTitle) {
this.rootView = rootView;
this.btnLogin = btnLogin;
this.etLoginAccount = etLoginAccount;
this.etLoginPwd = etLoginPwd;
this.tvFindPwd = tvFindPwd;
this.tvLoginTitle = tvLoginTitle;

    }

@NonNull
public LinearLayout getRoot() {
return this.rootView;

    }

@NonNull
public static ActivityLoginLayoutBinding inflate(@NonNull LayoutInflater inflater) {
return inflate(inflater, (ViewGroup)null, false);

    }

@NonNull
public static ActivityLoginLayoutBinding inflate(@NonNull LayoutInflater inflater, @Nullable ViewGroup parent, boolean attachToParent) {

        View root = inflater.inflate(2131427356, parent, false);
if (attachToParent) {

            parent.addView(root);

        }

return bind(root);

    }

@NonNull
public static ActivityLoginLayoutBinding bind(@NonNull View rootView) {

        int id = 2131230807;

        Button btnLogin = (Button)ViewBindings.findChildViewById(rootView, id);
if (btnLogin != null) {

            id = 2131230876;

            AppCompatEditText etLoginAccount = (AppCompatEditText)ViewBindings.findChildViewById(rootView, id);
if (etLoginAccount != null) {

                id = 2131230877;

                AppCompatEditText etLoginPwd = (AppCompatEditText)ViewBindings.findChildViewById(rootView, id);
if (etLoginPwd != null) {

                    id = 2131231121;

                    TextView tvFindPwd = (TextView)ViewBindings.findChildViewById(rootView, id);
if (tvFindPwd != null) {

                        id = 2131231122;

                        AppCompatTextView tvLoginTitle = (AppCompatTextView)ViewBindings.findChildViewById(rootView, id);
if (tvLoginTitle != null) {
return new ActivityLoginLayoutBinding((LinearLayout)rootView, btnLogin, etLoginAccount, etLoginPwd, tvFindPwd, tvLoginTitle);

                        }

                    }

                }

            }

        }


        String missingId = rootView.getResources().getResourceName(id);
throw new NullPointerException("Missing required view with ID: ".concat(missingId));

    }

}

其实ViewBinding自动为我们声明控件,并且执行fingViewById,我们只需要在用的时候直接用 binding.btnLogin 等等

在Activity中如何视图绑定

Activity中使用视图绑定的话需要在 的 onCreate() 方法中执行以下步骤：

• 
  
• 调用生成的绑定类中包含的静态 inflate() 方法。此操作会创建该绑定类的实例以供 Activity 使用。
  
• 通过调用 getRoot() 方法或使用 Kotlin 属性语法获取对根视图的引用。
  
• 将根视图传递到 setContentView()，使其成为屏幕上的活动视图。
  

 
private lateinit var binding: ActivityLoginLayoutBinding

override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)

        binding = ActivityLoginLayoutBinding.inflate(layoutInflater)
val view = binding.root;

        setContentView(view)

    }

然后就可以使用视图上任何定义的View了,例如:

binding.btnLogin.setOnClickListener {
var accountInfo = binding.etLoginAccount.text
var accountPwd = binding.etLoginPwd.text
if (!TextUtils.isEmpty(accountInfo)) {
if (!TextUtils.isEmpty(accountPwd)) {

                    Log.e("ping", "执行登录操作：用户名：$accountInfo 密码： $accountPwd")

                } else {

                    Log.e("ping", "请输入密码")

                }

            } else {

                Log.e("ping", "请输入用户名")

            }

        }

    }

在 Fragment 中使用视图绑定

在Fragment使用视图绑定,首先需要在 onCreateView() 方法中执行以下步骤：

• 
  
• 调用生成的绑定类中包含的静态 inflate() 方法。此操作会创建该绑定类的实例以供 Fragment 使用。
  
• 通过调用 getRoot() 方法或使用 Kotlin 属性语法获取对根视图的引用。
  
• 从 onCreateView() 方法返回根视图，使其成为屏幕上的活动视图。
  

class LoginFragment : Fragment() {
private lateinit var binding: ActivityLoginLayoutBinding 
override fun onCreateView(

        inflater: LayoutInflater,

        container: ViewGroup?,

        savedInstanceState: Bundle?

    ): View? {

        binding = ActivityLoginLayoutBinding.inflate(inflater, container, false)
return binding.root

    }

override fun onDestroyView() {
super.onDestroyView()
null.also { it -> binding = it }

    }

}

然后就能愉快的使用了我们视图上定义的view啦

 binding.btnLogin.setOnClickListener {
//执行登录操作

        }

总结

与findViewById相比,很明显的优点是,代码量减少,使用更加简单,减少了很多无用的操作. 还有就是

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

优点

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

缺点

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

以上就是ViewBinding的全部内容啦, 如果觉得不错,不妨点个赞.谢谢.