你还在用 findViewById 吗?

你还在用 findViewById 吗?本文微信公众号「AndroidTraveler」首发。 本篇文章的定位者主要是初学者、对于 ButterKnife、DataBinding、ViewBinding 没听过或没用过的开发者以及任何感兴趣的读者。 在 Android 里面要操作组件,需要获取到组件,本篇主要说明组件…

本文微信公众号「AndroidTraveler」首发。

定位

本篇文章的定位者主要是初学者、对于 ButterKnife、DataBinding、ViewBinding 没听过或没用过的开发者以及任何感兴趣的读者。

背景

在 Android 里面要操作组件,需要获取到组件,本篇主要说明组件获取的各种方式。

1. 官方的 API findViewById

我们先放上布局文件:

<?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">

    <TextView
        android:id="@+id/tv_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

很简单,就是居中显示了一个文本。

我们在代码里面如果要改变文本内容,不再显示这里指定的 Hello World!,需要怎么处理呢?

其实也很简单,我们找到对应的组件,然后再更新就可以了。

代码如下:

TextView tvCenter = findViewById(R.id.tv_center);
tvCenter.setText("Text Change");

这里查找对应组件就是使用 Android SDK 自带的 API findViewById,传入我们在 xml 里面对应组件的 id 就可以了。

代码:github.com/nesger/Andr…

2. 开源库 ButterKnife

方式一使用 findViewById 看起来似乎没有什么问题,但是当你组件比较多的时候,你要 ctrl+c、ctrl+v 或者使用 AndroidStudio 的快捷键做拷贝操作。

结果就是出现一大堆的 findViewById。

比如下面这样:

TextView tv1;
TextView tv2;
TextView tv3;
TextView tv4;
TextView tv5;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    tv1 = findViewById(R.id.tv1);
    tv2 = findViewById(R.id.tv2);
    tv3 = findViewById(R.id.tv3);
    tv4 = findViewById(R.id.tv4);
    tv5 = findViewById(R.id.tv5);
}

后续如果有新增的话,你也要去写类似的代码。

但是使用开源库 ButterKnife 则不需要,只需要在对应的组件上面注解就可以了。

开源库 ButterKnife 地址:github.com/JakeWharton…

首先需要对 module 所在的 build.gradle 做更改,修改配置如下:

android {
  ...
  // Butterknife requires Java 8.
  compileOptions {
    sourceCompatibility JavaVersion.VERSION_1_8
    targetCompatibility JavaVersion.VERSION_1_8
  }
}

dependencies {
  implementation 'com.jakewharton:butterknife:10.2.1'
  annotationProcessor 'com.jakewharton:butterknife-compiler:10.2.1'
}

这个也可以在 ButterKnife 的 README 文件上面查看获知最新配置。

配置完成之后,我们对应方式一修改代码如下:

@BindView(R.id.tv_center)
TextView tvCenter;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    ButterKnife.bind(this);
    tvCenter.setText("Text Change");
}

可以看到我们新增了一行代码:

ButterKnife.bind(this);

然后通过注解 id(@BindView(resId)) 到对应组件的方式取代 findViewById。

这样后续新增组件,只需要在对应组件上面增加注解就可以了。

代码:github.com/nesger/Andr…

3. DataBinding

首先需要对 module 所在的 build.gradle 做更改,修改配置如下:

android {
    ...
    dataBinding {
        enabled = true
    }
}

接着在布局外面套一层 layout,如下:

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <androidx.constraintlayout.widget.ConstraintLayout
        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">

        <TextView
            android:id="@+id/tv_center"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hello World!"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

然后主界面代码逻辑修改如下:

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
    binding.tvCenter.setText("Text Change");
}

是不是感觉更精简了?

核心代码是:

ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);

拿到 binding 之后就可以结合具体组件 id 来做设置了。

代码:github.com/nesger/Andr…

4. ViewBinding

最低环境要求:

Android Studio:3.6
Android Gradle Plugin 3.6.0

首先需要对 module 所在的 build.gradle 做更改,修改配置如下:

// 需要 Android Gradle Plugin 3.6.0
android {
    ...
    viewBinding {
        enabled = true
    }
}

如果提示

Could not find method viewBinding() for arguments

说明环境不对,可能是 Gradle 版本问题,请对比上面的最低环境要求。

配置好之后代码修改如下:

ActivityMainBinding mBinding;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    mBinding = ActivityMainBinding.inflate(getLayoutInflater());
    setContentView(mBinding.getRoot());
    mBinding.tvCenter.setText("Text Change");
}

可以看到最关键的部分就是要获取到 ActivityMainBinding,然后就可以对具体组件做操作了。

对比 DataBinding 的好处是不需要去修改 xml 文件,不用套一层 layout。

更多用法可以到官网查看:view-binding

代码:github.com/nesger/Andr…

个人使用

我这边之前用的比较多的还是方式一和方式二。

方式一主要是针对一些历史遗留项目或者简单写些 sample,就没必要单独依赖一个三方库。
方式二主要是针对新的项目。

你还在用 findViewById 吗?

今天的文章你还在用 findViewById 吗?分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/14729.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注