使用说明:http://jakewharton.github.io/butterknife
API文档地址:http://jakewharton.github.io/butterknife/javadoc
GitHub源码地址:https://github.com/JakeWharton/butterknife
ButterKnife 简介
ButterKnife是目前常用的一种依托Java注解机制实现辅助代码生成的框架,用到了注解处理器。
它是一个专注于Android系统的View注入框架。
将Android视图和回调方法绑定到成员变量和方法上,可视化一键生成。
可以减少大量的findViewById以及setOnClickListener代码,是注解中相对简单易懂的开源框架。
ButterKnife 原理
原理:利用了IOC的(Inverse of Controll)控制反转结构。
2004年后改名为DI(dependency injection)依赖注入。
目的是为了使类与类之间解耦合,提高系统的可扩展性和可维护性。
ButterKnife 优势
1.强大的View绑定和Click事件处理功能,简化代码,提升开发效率
2.方便的处理Adapter里的ViewHolder绑定问题
3.运行时不会影响APP效率,使用配置方便
4.代码清晰,可读性强
版本注意事项
ButterKinfe的注解标签因版本不同而有所变化。
8.0.0之前的Bind标签在8.0.0之后变成了BindView。
而8.7.0之后在绑定view时,要用R2.id.XXX,而不再是常用的R.id.XXX。
Note:
我在实际使用时用R.id.XXX和R2.id.XXX都可以。
目前本人并未发现有什么异常。
自动生成代码时是R.id.XXX;建议使用R2.id.XXX。
因为网上都说使用R2是因为library中的R字段的id值不是final类型的,
但是你的应用module中确是final类型的……
ButterKnife 使用注意事项
1.使用ButterKnife修饰的方法和控件,不能用private or static 修饰。
否则会报错:错误: @BindView fields must not be private or static
2.在Activity 类中绑定 :
ButterKnife.bind(this);必须在setContentView();之后绑定;
且父类bind绑定后,子类不需要再bind
否则会报错:错误:Caused by: java.lang.IllegalStateException
3.在非Activity 类(例如:Fragment、ViewHold)中绑定:
ButterKnife.bind(this,view);这里的this不能替换成getActivity()。
4.在Activity中不需要做解绑操作,在Fragment 中必须在onDestroyView()中做解绑操作。
5.setContentView()不能通过注解实现。(其他的有些注解框架可以)
6.使用Activity为根视图绑定任意对象时,如果你使用类似MVC的设计模式。
你可以在Activity 调用ButterKnife.bind(this, activity),来绑定Controller。
7.使用ButterKnife.bind(this,view)绑定一个view的子节点字段。
如果你在子View的布局里或者自定义view的构造方法里 使用了inflate,你可以立刻调用此方法。
或者,从XML inflate来的自定义view类型可以在onFinishInflate回调方法中使用它。
Butter Knife的项目配置
在项目的Android 的build.gradle (Project:appName )文件中dependencies标签下添加
如下代码:
classpath 'com.jakewharton:butterknife-gradle-plugin:8.8.1'
build.gradle (Project:appName )具体位置如下:
buildscript {
repositories {
jcenter()
}
dependencies {
classpath 'com.android.tools.build:gradle:2.3.3'
//Butterknife
classpath 'com.jakewharton:butterknife-gradle-plugin:8.8.1'
}
}
在项目的Android 的build.gradle(Module:app) 文件中的dependencies标签下添加
如下代码:
dependencies {
compile 'com.jakewharton:butterknife:8.8.1'
annotationProcessor 'com.jakewharton:butterknife-compiler:8.8.1'
}
在项目的Android 的build.gradle (Module:app)文件中顶部设置支持插件 ,添加如下代码
apply plugin: 'com.android.library'
apply plugin: 'com.jakewharton.butterknife'
(注:Android studio3.0版本已具备不需要添加这两行代码。
这条是开发者给出的配置,目前不加此配置也是不影响正常使用的。
但小区别还是有的(例如:R2.id.XXX能否正常使用)。
是否作此配置看使用者自己吧)。
Android studio3.0版本已具备不需要添加这两行代码。
build.gradle (Module:app)具体位置如下:
android {
compileSdkVersion 26
defaultConfig {
applicationId "com.example.administrator.myapplication"
minSdkVersion 15
targetSdkVersion 26
versionCode 1
versionName "1.0"
testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
}
buildTypes {
release {
minifyEnabled false
proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
}
}
greendao {
schemaVersion 1
daoPackage 'com.example.administrator.myapplication.greendao.gen'
targetGenDir 'src/main/java'
generateTests true
targetGenDirTests 'src/androidTest/Java'
}
}
dependencies {
implementation fileTree(dir: 'libs', include: ['*.jar'])
implementation 'com.android.support:appcompat-v7:26.1.0'
implementation 'com.android.support.constraint:constraint-layout:1.0.2'
testImplementation 'junit:junit:4.12'
androidTestImplementation 'com.android.support.test:runner:1.0.1'
androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.1'
//ButterKnife
compile 'com.jakewharton:butterknife:8.8.1'
annotationProcessor 'com.jakewharton:butterknife-compiler:8.8.1'
}
在Activity中绑定ButterKnife
使用:ButterKnife.bind(this);
NOTE :
1)由于每次使用都要在Activity中的onCreate绑定Activity,
因此个人建议在项目的BaseActivity中完成绑定,子类继承即可。
2)必须在setContentView();之后绑定。
示例代码:
public class MainActivity extends Activity{
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//绑定初始化ButterKnife
ButterKnife.bind(this);
}
}
在Fragment中绑定ButterKnife
使用:ButterKnife.bind(this, view);
NOTE :
Fragment的生命周期不同于activity。在onCreateView中绑定一个Fragment时,在onDestroyView中将视图设置为null。
当你调用bind来为你绑定一个Fragment时,Butter Knife会返回一个Unbinder的实例。
在适当的生命周期(onDestroyView)回调中调用它的unbind方法进行Fragment解绑。
示例代码:
public class ButterknifeFragment extends Fragment{
private Unbinder unbinder;
@BindView( R.id.button1 )
public Button button1 ;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment, container, false);
//返回一个Unbinder值(进行解绑),注意这里的this不能使用getActivity()
unbinder = ButterKnife.bind(this, view);
button1.setText( "I am a button ");
return view;
}
/**
* onDestroyView中进行解绑操作
*/
@Override
public void onDestroyView() {
super.onDestroyView();
unbinder.unbind();
}
}
Adapter中绑定ButterKnife
使用:ButterKnife.bind(this, view);
NOTE :
在Adapter的ViewHolder中使用,将ViewHolder加一个构造方法,在new ViewHolder的时候把view传递进去。
示例代码:
public class MyAdapter extends BaseAdapter {
// 部分代码省略...
@Override
public View getView(int position, View view, ViewGroup parent) {
ViewHolder holder;
if (view != null) {
holder = (ViewHolder) view.getTag();
} else {
view = inflater.inflate(R.layout.testlayout, parent, false);
holder = new ViewHolder(view);
view.setTag(holder);
}
holder.name.setText("诺诺");
// etc...
return view;
}
static class ViewHolder {
@BindView(R.id.title) TextView name;
@BindView(R.id.job_title) TextView jobTitle;
public ViewHolder(View view) {
ButterKnife.bind(this, view);
}
}
}
插件的安装
- zelezny : Butterknife插件的使用
插件的使用
安装完成插件后,会提示重启AS。
重启完后,需要将光标移到setContentView(R.layout.acty_login)。
将光标放到R.layout.acty_login,然后右键Generate就有了。
要注意一定要将光标放在R.layout.acty_login上面。
这里需要注意的是在勾选控件的界面上,有一个CreateViewHolder ,
很明显这个是专门为ListView或者RecyclerView的适配器专门提供的。
绑定注解
默认情况下,@bind和 listener 的绑定是必需的。
如果无法找到目标视图,将抛出一个异常。
要抑制此行为并创建可选绑定,可以将@Nullable注解添加到字段中,或将@Optional注解添加到方法。
Note:
任何被命名为@Nullable的注解都可以用于成员变量。
鼓励使用Android的"support-annotations"库中的@Nullable注解。
示例代码:
@Nullable
@BindView(R.id.might_not_be_there)
TextView mightNotBeThere;
@Optional
@OnClick(R.id.maybe_missing)
public void onMaybeMissingClicked() {
// TODO ...
}
选择性注入,如果当前对象不存在,就会抛出一个异常。
为了压制这个异常,可以在变量或者方法上加入一下注解,让注入变成选择性的,如果目标View存在,则注入, 不存在,则什么事情都不做。
示例代码:
@Optional
@OnCheckedChanged(R.id.cb_test)
public void onCheckedChanged(CompoundButton buttonView,boolean isChecked){
if(isChecked){
tvTest.setText("被选中...");
}else{
tvTest.setText("被取消...");
}
}
绑定view
1)@BindView() : 布局id 注解
示例代码:
@BindView( R2.id.button)
public Button button;
Note:
button 的修饰类型不能是:private 或者 static 。
否则会报错:错误: @BindView fields must not be private or static. (com.ButterknifeActivity.button)
2)@BindViews(): 布局内多个控件 id 注解
示例代码:
public class MainActivity extends AppCompatActivity {
@BindViews({ R2.id.button1, R2.id.button2, R2.id.button3})
public List
绑定资源
(注:只举例常用的几个,使用方式的都是类似的,有不会用的可以给我评论留言)
1)@BindString() :绑定string 字符串
示例代码:
public class ButterknifeActivity extends AppCompatActivity {
@BindView(R2.id.button) //绑定button 控件
public Button button ;
@BindString(R2.string.app_name) //绑定资源文件中string字符串
String str;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_butterknife);
//绑定activity
ButterKnife.bind( this ) ;
button.setText( str );
}
}
2)@BindArray() : 绑定string里面array数组
// 资源文件R.array.city
城市
- 北京市
- 天津市
- 哈尔滨市
- 大连市
- 香港市
示例代码:
public class ButterknifeActivity extends AppCompatActivity {
@BindView(R2.id.button) //绑定button 控件
public Button button ;
@BindString(R2.string.app_name) //绑定资源文件中string字符串
String str;
@BindArray(R2.array.city) //绑定string里面array数组
String [] citys ;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_butterknife);
//绑定activity
ButterKnife.bind( this ) ;
button.setText(citys[0]);
}
}
3)@BindBitmap( ) : 绑定Bitmap 资源
示例代码:
public class ButterknifeActivity extends AppCompatActivity {
@BindView( R2.id.imageView ) //绑定ImageView 控件
public ImageView imageView ;
@BindBitmap(R2.drawable.bm)//绑定Bitmap 资源
public Bitmap bitmap ;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_butterknife);
//绑定activity
ButterKnife.bind( this ) ;
imageView.setImageBitmap(bitmap);
}
}
Note:
这里的图片资源引用存在一个小问题:
drawable文件夹下的图片使用R或R2引用都没问题;
但是mipmap文件夹下的图片资源引用目前只能使用R。
4)@BindColor( ) : 绑定一个颜色值
示例代码:
public class ButterknifeActivity extends AppCompatActivity {
@BindView( R2.id.button) //绑定一个控件
public Button button;
@BindColor( R2.color.colorAccent ) //具体色值在color文件中
int black ; //绑定一个颜色值
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_butterknife);
//绑定activity
ButterKnife.bind( this ) ;
button.setTextColor( black );
}
}
点击事件绑定
(注:只举例常用的几个,使用方式的都是类似的,有不会用的可以给我评论留言)
Note:
不用声明view,不用setOnClickLisener()就可以绑定点击事件
1)绑定事件
@OnClick( ) : 绑定控件点击事件
@OnLongClick( ) : 绑定控件长按事件
示例代码:
public class ButterknifeActivity extends AppCompatActivity {
@OnClick(R2.id.button1 ) //给 button1 设置一个点击事件
public void showToast(){
Toast.makeText(this, "is a click", Toast.LENGTH_SHORT).show();
}
@OnLongClick( R2.id.button1 ) //给 button1 设置一个长按事件
public boolean showToast2(){
Toast.makeText(this, "is a long click", Toast.LENGTH_SHORT).show();
return true ;
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_butterknife);
//绑定activity
ButterKnife.bind( this ) ;
}
}
2)指定多个id绑定事件
示例代码:
public class ButterknifeActivity extends AppCompatActivity {
//提示:这是可以自动生成的,大家不要什么都手动敲哦
@OnClick({R.id.ll_product_name, R.id.ll_product_lilv, R.id.ll_product_qixian, R.id.ll_product_repayment_methods})
public void onViewClicked(View view) {
switch (view.getId()) {
case R.id.ll_product_name:
System.out.print("我是点击事件1");
break;
case R.id.ll_product_lilv:
System.out.print("我是点击事件2");
break;
case R.id.ll_product_qixian:
System.out.print("我是点击事件3");
break;
case R.id.ll_product_repayment_methods:
System.out.print("我是点击事件4");
break;
}
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_butterknife);
//绑定activity
ButterKnife.bind( this ) ;
}
}
Note:
下面是错误的写法,多条点击事件不可以用R2的方式:
示例代码:
public class ButterknifeActivity extends AppCompatActivity {
@OnClick({R2.id.ll_product_name, R2.id.ll_product_lilv, R2.id.ll_product_qixian, R2.id.ll_product_repayment_methods})
public void onViewClicked(View view) {
switch (view.getId()) {
case R2.id.ll_product_name:
System.out.print("我是点击事件1");
break;
case R2.id.ll_product_lilv:
System.out.print("我是点击事件2");
break;
case R2.id.ll_product_qixian:
System.out.print("我是点击事件3");
break;
case R2.id.ll_product_repayment_methods:
System.out.print("我是点击事件4");
break;
}
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_butterknife);
//绑定activity
ButterKnife.bind( this ) ;
}
}
如果一定要使用R2的写法,可以单一逐次写,下面写法是正确的
示例代码:
public class ButterknifeActivity extends AppCompatActivity {
@OnClick(R2.id.ll_product_name)
public void onViewClicked1(View view) {
System.out.print("我是点击事件1");
}
@OnClick(R2.id.ll_product_lilv)
public void onViewClicked2(View view) {
System.out.print("我是点击事件2");
}
@OnClick(R2.id.ll_product_qixian)
public void onViewClicked3(View view) {
System.out.print("我是点击事件3");
}
@OnClick(R2.id.ll_product_repayment_methods)
public void onViewClicked4(View view) {
System.out.print("我是点击事件4");
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_butterknife);
//绑定activity
ButterKnife.bind( this ) ;
}
}
自定义View使用注解事件
Note:
不用指定id,直接注解OnClick
示例代码:
public class MyButton extends Button {
@OnClick
public void onClick() {}
}
绑定监听
(注:本来不打算详细贴这段代码的,英文说明文档中就有,想想为了便于新生理解,还是贴出来吧。前后对比学习,很快就容易理解了。)
1)Listeners可以自动配置到方法中。
示例代码:
@OnClick(R.id.submit)
public void submit(View view) {
// TODO submit data to server...
}
2)对监听器方法的所有参数都是可选的。
示例代码:
@OnClick(R.id.submit)
public void submit() {
// TODO submit data to server...
}
3)定义一个特定类型,它将自动被转换。
示例代码:
@OnClick(R.id.submit)
public void sayHi(Button button) {//看参数这里的变化就明白了
button.setText("Hello!");
}
4)在单个绑定中指定多个id,用于公共事件处理。
(注:其实这里讲的就是上面的指定多个id绑定点击事件处理,不只是点击事件,其他事件监听也是可以的。很容易理解,不贴代码了。)
5)自定义视图可以通过不指定ID来绑定到它们自己的监听器。
示例代码:
public class FancyButton extends Button {
@OnClick
public void onClick() {
// TODO do something!
}
}
6)Listener中多方法注解
方法注解,其对应的监听器有多个回调,可用于绑定到其中任何一个。每个注解都有一个它绑定的默认回调。使用回调参数指定一个替换
示例代码:以Spinner为例
原始方式:
Spinner s=new Spinner(this);
//原始方法:Spinner 条目选择监听事件 正常写法
s.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener(){
@Override
public void onItemSelected(AdapterView> parent, View view, int position, long id) {
}
@Override
public void onNothingSelected(AdapterView> parent) {
}
});
Butter Knife 注解方式:
public class ButterknifeActivity extends AppCompatActivity {
/*利用注解对Spinner item 作选择监听事件处理方式*/
@OnItemSelected(R.id.my_spiner)//默认callback为ITEM_SELECTED
void onItemSelected(int position) {
Toast.makeText(this, "position: " + position, Toast.LENGTH_SHORT).show();
}
/*
* 注解onNothingSelected,需要在注解参数添加一个callback,
* 注意的是Spinner中只要有数据,默认都会选中第0个数据,所以想进入到onNothingSelected()方法,就需要把Adapter中的数据都清空
*/
@OnItemSelected(value = R.id.my_spiner, callback = OnItemSelected.Callback.NOTHING_SELECTED)
void onNothingSelected() {
Toast.makeText(this, "Nothing", Toast.LENGTH_SHORT).show();
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_butterknife);
//绑定activity
ButterKnife.bind( this ) ;
Spinner s=new Spinner(this);
}
}
7)@OnCheckedChanged监听的使用
原方法应是:setOnCheckedChangeListener()
在使用注解@OnCheckedChanged的时候,出现了CompoundButton这个参数,
因为理解有误,传参有误,还出现了无法转换成CompoundButton的bug。
正常使用该注解时,格式如下:
@OnCheckedChanged({R.id.XXX})
public void OnCheckedChangeListener(CompoundButton view, boolean ischanged ){
}
参数是CompoundButton是变化的按钮控件事件id,ischanged是指该控件是否被点击改变。
具体使用请看示例:
xml文件:
(注:这里只是举例,方便大家理解,其他相关按钮控件也是通用的。不要纠结具体布局,有看不明白的地方可以给我留言。)
类文件中的监听写法:
@OnCheckedChanged({R.id.rg_home,R.id.rg_wealth,R.id.rg_account})
public void OnCheckedChangeListener(CompoundButton view, boolean ischanged ){
switch (view.getId()) {
case R.id.rg_home:
if (ischanged){//注意:这里一定要有这个判断,只有按钮被点击了,ischanged状态发生改变,才会执行下面的内容
//这里写你的按钮变化状态的UI及相关逻辑
}
break;
case R.id.rg_wealth:
if (ischanged) {
//这里写你的按钮变化状态的UI及相关逻辑
}
break;
case R.id.rg_account:
if (ischanged) {
//这里写你的按钮变化状态的UI及相关逻辑
}
break;
default:
break;
}
}
使用findById
Butter Knife仍然包含了findById()方法,用于仍需从一个view ,Activity,或者Dialog上初始化view的时候,并且它可以自动转换类型。
示例代码:
View view = LayoutInflater.from(context).inflate(R.layout.thing, null);
TextView firstName = ButterKnife.findById(view, R.id.first_name);
TextView lastName = ButterKnife.findById(view, R.id.last_name);
ImageView iv = ButterKnife.findById(view, R.id.iv);
设置多个view的属性
示例代码:
public class ButterknifeActivity extends AppCompatActivity {
@BindViews({R2.id.first_name, R2.id.middle_name, R2.id.last_name})
List nameViews;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_butterknife);
//绑定activity
ButterKnife.bind(this);
//看不懂的小伙伴,多敲几遍代码,实际操作一下自然就懂了。相信我!如果你重复敲了10遍以上的代码,并认真思考了还没懂,欢迎给我评论留言。
//设置多个view的属性
//方式1:传递值
ButterKnife.apply(nameViews, DISABLE);
//方式2:指定值
ButterKnife.apply(nameViews, ENABLED, false);
////方式3 设置View的Property
ButterKnife.apply(nameViews, View.ALPHA, 0.0f);//一个Android属性也可以用于应用的方法。
}
/*
* Action接口设置属性
*/
static final ButterKnife.Action DISABLE = new ButterKnife.Action() {
@Override
public void apply(View view, int index) {
view.setEnabled(false);//目的是使多个view都具备此属性
}
};
/*
* Setter接口设置属性
*/
static final ButterKnife.Setter ENABLED = new ButterKnife.Setter() {
@Override
public void set(View view, Boolean value, int index) {
view.setEnabled(value);//目的是使多个view都具备此属性,可变boolean值是可以传递的
}
};
}
Butter Knife的代码混淆
在混淆文件中,添加如下代码:
-keep class butterknife.** { *; }
-dontwarn butterknife.internal.**
-keep class **$$ViewBinder { *; }
-keepclasseswithmembernames class * {
@butterknife.* ;
}
-keepclasseswithmembernames class * {
@butterknife.* ;
}