Android 项目中ButterKnife的基本使用

最新推荐文章于 2024-09-12 19:19:50 发布

此去正年少

最新推荐文章于 2024-09-12 19:19:50 发布

阅读量2.2k

点赞数

分类专栏： Android 文章标签： android ButterKnif 绑定注解 Bind BindView

本文链接：https://blog.csdn.net/fenggering/article/details/75041794

版权

Android 专栏收录该内容

69 篇文章 3 订阅

订阅专栏

ButterKnife是一个开源的Android框架，方便的view绑定注解功能，可以省去大量的findViewById和setOnClickListener等代码，使开发更高效。

下面就看看如何在Android Studio项目中配置使用ButterKnife：

第一步：在Project的build.gradle中添加如下代码：

buildscript {
    repositories {
        jcenter()
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:2.3.3'
	        classpath 'com.jakewharton:butterknife-gradle-plugin:8.7.0'  //添加这一行
    }
}

第二步：在module的build.gradle中添加如下代码：

apply plugin: 'com.jakewharton.butterknife'

dependencies中添加：

    compile 'com.jakewharton:butterknife:8.7.0'
    annotationProcessor 'com.jakewharton:butterknife-compiler:8.7.0'

这样配置就完成了。
此例中用到的是ButterKnife的8.7.0版本，具体使用时最好用更新的版本，配置方法也可能有所变动，可参考原作者给出的用法：
https://github.com/JakeWharton/butterknife

第三步，看看如何在activity中使用：
页面布局如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Button
        android:id="@+id/btn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"  />

</LinearLayout>

布局中有一个按钮和一个文本，如果想实现点击按钮后，文字改变，对应Activity可以这么写：

package example.test.com.butterknifetest;

import android.app.Activity;
import android.os.Bundle;
import android.widget.Button;
import android.widget.TextView;

import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.OnClick;

public class MainActivity extends Activity {

	//下面四行代码绑定了布局文件中id为btn的Button和id为text的TextView，并分别命名为btn和tv
	//同时注意新版本ButterKnife引用资源要用R2.id.XXX的形式
    @BindView(R2.id.btn)
    Button btn;
    @BindView(R2.id.text)
    TextView tv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);    //这一步是必须
    }

	//Button的点击事件的示例写法，方法名自行命名
    @OnClick(R.id.btn)
    public void btnClick() {
        tv.setText("按钮已点");
    }
}

补充：
如何在Fragment中使用呢？看下面示例代码：

import android.app.Fragment;
import butterknife.Unbinder;

public class MyFragment extends Fragment {
    private Unbinder unbinder;
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_add_device, container, false);
        unbinder = ButterKnife.bind(this, view);
        return view;
    }


    @Override
    public void onDestroyView() {
        super.onDestroyView();
        unbinder.unbind();
    }
}

这里用的Fragment是面向android 4.0以上，不兼容低版本的android.app.Fragment。

-------------------------------分割线--------------------------------------------------------

最后要注意：ButterKinfe的注解标签因版本不同而有所变化。
8.0.0之前的Bind标签在8.0.0之后变成了BindView，而8.7.0之后在绑定view时，要用R2.id.XXX而不再是常用的R.id.XXX了。

顺便提一下，ButterKnife貌似是从8.2.0版本开始支持组件化架构的。