findViewByIdをViewBindingに置き換えることをお勧めするのはなぜですか？

モバイル 2022-03-29 22:34:49 訪問数: null

「この記事はHaowenConvocationOrderイベントに参加しました。クリックして表示します。バックエンドとフロントエンドのデュアルトラックの提出物で、20,000元の賞金プールがあなたの挑戦を待っています！」

findViewByIdとButterKnifeの代わりにViewBindingを使用することをお勧めするのはなぜですか？それはとてもクールなので、それはとても上にあります。私は一度それが好きになり、二度と戻りたくありませんでした。誠実。あなたが私を信じていないなら、以下を読んでください！

意味

ViewBindingは、Googleによって起動されたJetpackライブラリのコンポーネントです。主にビューバインディングに使用され、findViewById操作を置き換えます。Viewbindingは、xmlファイルに従って対応するバインディングクラスを生成します。たとえば、xmlファイルは次のとおりです。activity_login_layout.xml生成されたバインディングクラスはActivityLoginLayoutBindingです。使用する場合は、findViewByIdを使用せず、コンポーネントを宣言せずに、生成されたバインディングクラスを介してxml内のビューコンポーネントを直接呼び出します。統合とプロジェクトを見て、すぐに理解しましょう。

統合

まず、プロジェクト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>
复制代码

ビッグバカログインaccount.png次に、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", "请输入用户名")
            }
        }
    }
}
复制代码

非常に直感的ではなく、コントロールを宣言する必要も、ActivityLoginLayoutBindingでクラスを直接バインドするためにfindViewByIdを見つける必要もありません。操作は可能ですが、非常に便利です。現時点では、もう一度言ったので、それがどのコントロールなのかわかりませんか？やってみましょう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中使用视图绑定的话需要在 的 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的全部内容啦, 如果觉得不错,不妨点个赞.谢谢.

おすすめ

転載: juejin.im/post/6981471420769370126
おすすめ
中国人プログラマーの「35歳の呪い」
Lanya CorelDRAW プラグイン 2024.5.1 国際労働者の日バージョン、無料ダウンロード
ランキング
ループコントローラ
スピーカーの分類（スピーカーDiarisation）
雑音除去空気とフロートを除去するための統計的フィルタリング方法を使用して
Spring Cloudプロジェクトの構築（5）
Echarts去掉图形后面的网格线
【レジャー・楽しみ】C言語でクリスマスツリーを描く方法
ゲームが反映するように、後に＃589（本部2）ラウンドCodeforces
アレイの重複排除について知っているソリューションはいくつありますか？
NetBackupの証明書の有効期限は-nBuエラー8506に近づきます
Dockerコンテナの起動パラメータを表示する
アーカイブ
もっと
2024-05-04(18)
2024-05-03(8)
2024-05-02(0)
2024-05-01(4)
2024-04-30(35)
2024-04-29(5)
2024-04-28(12)
2024-04-27(29)
2024-04-26(22)
2024-04-25(31)

コードワールド

© 2018 codetd.com