1、ButterKnife使用
【
网上最新的依赖是8…的,如果添加不了依赖就添加如下版本较低的6…..。
添加对应的工具+compile'com.jakewharton:butterknife:6.1.0'‘
compile 'com.jakewharton:butterknife:8.1.0'
在Android Studio中添加:ButterKnifeZelezny插件。
初始化:ButterKnife.inject(this);
1、下载插件:
2、添加依赖
以一个简单的项目作为实例:
dependencies {
compile fileTree( dir: 'libs', include: [ '*.jar'])
androidTestCompile( 'com.android.support.test.espresso:espresso-core:2.2.2', {
exclude group: 'com.android.support', module: 'support-annotations'
})
compile 'com.android.support:appcompat-v7:'+ gradle.ext.compileSupportversion
testCompile 'junit:junit:4.12'
// compile 'com.jakewharton:butterknife:8.1.0'
compile 'com.jakewharton:butterknife:8.4.0'
annotationProcessor 'com.jakewharton:butterknife-compiler:8.4.0'
}
compile fileTree( dir: 'libs', include: [ '*.jar'])
androidTestCompile( 'com.android.support.test.espresso:espresso-core:2.2.2', {
exclude group: 'com.android.support', module: 'support-annotations'
})
compile 'com.android.support:appcompat-v7:'+ gradle.ext.compileSupportversion
testCompile 'junit:junit:4.12'
// compile 'com.jakewharton:butterknife:8.1.0'
compile 'com.jakewharton:butterknife:8.4.0'
annotationProcessor 'com.jakewharton:butterknife-compiler:8.4.0'
}
简单布局:
<?
xml version=
"1.0"
encoding=
"utf-8"
?>
<RelativeLayout
xmlns: android = "http://schemas.android.com/apk/res/android"
xmlns: tools = "http://schemas.android.com/tools"
android :id= "@+id/activity_main"
android :layout_width= "match_parent"
android :layout_height= "match_parent"
android :paddingBottom= "@dimen/activity_vertical_margin"
android :paddingLeft= "@dimen/activity_horizontal_margin"
android :paddingRight= "@dimen/activity_horizontal_margin"
android :paddingTop= "@dimen/activity_vertical_margin"
tools :context= "com.xys.butterknifetest.MainActivity" >
<TextView
android :id= "@+id/tv_show"
android :layout_width= "wrap_content"
android :layout_height= "wrap_content"
android :layout_centerHorizontal= "true"
android :text= "Hello World!" />
<ImageView
android :id= "@+id/img_show"
android :layout_width= "wrap_content"
android :layout_height= "wrap_content"
android :layout_centerHorizontal= "true"
android :layout_below= "@+id/tv_show"
android :layout_marginTop= "20dp"
android :background= "@mipmap/ic_launcher" />
<Button
android :id= "@+id/btn1"
android :layout_width= "wrap_content"
android :layout_height= "wrap_content"
android :layout_below= "@+id/img_show"
android :layout_centerHorizontal= "true"
android :layout_marginTop= "20dp"
android :text= " 事件 1" />
<Button
android :id= "@+id/btn2"
android :layout_width= "wrap_content"
android :layout_height= "wrap_content"
android :layout_below= "@+id/btn1"
android :layout_centerHorizontal= "true"
android :layout_marginTop= "20dp"
android :text= " 事件 2" />
<Button
android :id= "@+id/btn3"
android :layout_width= "wrap_content"
android :layout_height= "wrap_content"
android :layout_below= "@+id/btn2"
android :layout_centerHorizontal= "true"
android :layout_marginTop= "20dp"
android :text= " 事件 3" />
</RelativeLayout>
<RelativeLayout
xmlns: android = "http://schemas.android.com/apk/res/android"
xmlns: tools = "http://schemas.android.com/tools"
android :id= "@+id/activity_main"
android :layout_width= "match_parent"
android :layout_height= "match_parent"
android :paddingBottom= "@dimen/activity_vertical_margin"
android :paddingLeft= "@dimen/activity_horizontal_margin"
android :paddingRight= "@dimen/activity_horizontal_margin"
android :paddingTop= "@dimen/activity_vertical_margin"
tools :context= "com.xys.butterknifetest.MainActivity" >
<TextView
android :id= "@+id/tv_show"
android :layout_width= "wrap_content"
android :layout_height= "wrap_content"
android :layout_centerHorizontal= "true"
android :text= "Hello World!" />
<ImageView
android :id= "@+id/img_show"
android :layout_width= "wrap_content"
android :layout_height= "wrap_content"
android :layout_centerHorizontal= "true"
android :layout_below= "@+id/tv_show"
android :layout_marginTop= "20dp"
android :background= "@mipmap/ic_launcher" />
<Button
android :id= "@+id/btn1"
android :layout_width= "wrap_content"
android :layout_height= "wrap_content"
android :layout_below= "@+id/img_show"
android :layout_centerHorizontal= "true"
android :layout_marginTop= "20dp"
android :text= " 事件 1" />
<Button
android :id= "@+id/btn2"
android :layout_width= "wrap_content"
android :layout_height= "wrap_content"
android :layout_below= "@+id/btn1"
android :layout_centerHorizontal= "true"
android :layout_marginTop= "20dp"
android :text= " 事件 2" />
<Button
android :id= "@+id/btn3"
android :layout_width= "wrap_content"
android :layout_height= "wrap_content"
android :layout_below= "@+id/btn2"
android :layout_centerHorizontal= "true"
android :layout_marginTop= "20dp"
android :text= " 事件 3" />
</RelativeLayout>
3、实例代码和操作演示:
首先完成初始化操作:
ButterKnife.
bind(
this)
;
-------》快速生成应用资源代码:
setContentView(R.layout.
activity_main)
;
光标选中布局文件,右击:
下一步:
快速可视化界面如下:
功能性实例代码:
import butterknife.BindView ;
import butterknife.ButterKnife ;
import butterknife.OnClick ;
public class MainActivity extends Activity {
@BindView(R.id. tv_show)
TextView mTvShow ;
@BindView(R.id. img_show)
ImageView mImgShow ;
@BindView(R.id. btn1)
Button mBtn1 ;
@BindView(R.id. btn2)
Button mBtn2 ;
@BindView(R.id. btn3)
Button mBtn3 ;
@BindView(R.id. activity_main)
RelativeLayout mActivityMain ;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState) ;
setContentView(R.layout. activity_main) ;
ButterKnife. bind( this) ;
}
@Override
protected void onDestroy() {
super.onDestroy() ;
}
@OnClick(R.id. btn1)
public void onMBtn1Clicked() {
mTvShow.setText( " 事件 1 触发 ") ;
Toast. makeText( this, " 事件 1 触发 " , Toast. LENGTH_SHORT).show() ;
}
@OnClick(R.id. btn2)
public void onMBtn2Clicked() {
mTvShow.setText( " 事件 2 触发 ") ;
Toast. makeText( this, " 事件 2 触发 " , Toast. LENGTH_SHORT).show() ;
}
@OnClick(R.id. btn3)
public void onMBtn3Clicked() {
mTvShow.setText( " 事件 3 触发 ") ;
Toast. makeText( this, " 事件 3 触发 " , Toast. LENGTH_SHORT).show() ;
}
}
4、理论说明
===关于ButterKnife服务注册:
在Activity上使用 ButterKnife.bind(this)
在非Activity上使用ButterKnife.bind(this,view)
===绑定View控件:
/**单个View控件的绑定*/
@BindView(R.id.btn_login)
/**多个控件的绑定可以写在List或者Array中*/
@BindViews({ R.id.first_name, R.id.middle_name, R.id.last_name })
List<EditText> nameViews;
===资源绑定
@BindString(R.string.title) String title;
@BindDrawable(R.drawable.graphic) Drawable graphic;
@BindColor(R.color.red) int red; // int or ColorStateList field
@BindDimen(R.dimen.spacer) Float spacer; // int (for pixel size) or float (for exact value) field
===监听器绑定
@OnClick(R.id.
btn3)
public void onMBtn3Clicked() {
mTvShow.setText( " 事件 3 触发 ") ;
Toast. makeText( this, " 事件 3 触发 " , Toast. LENGTH_SHORT).show() ;
}
public void onMBtn3Clicked() {
mTvShow.setText( " 事件 3 触发 ") ;
Toast. makeText( this, " 事件 3 触发 " , Toast. LENGTH_SHORT).show() ;
}
--多个控件可以绑定同一个监听器
@OnClick(R.id.
btn3,R.id.btn5)
public void onMBtn3Clicked() {
mTvShow.setText( " 事件 3 触发 ") ;
Toast. makeText( this, " 事件 3 触发 " , Toast. LENGTH_SHORT).show() ;
}
public void onMBtn3Clicked() {
mTvShow.setText( " 事件 3 触发 ") ;
Toast. makeText( this, " 事件 3 触发 " , Toast. LENGTH_SHORT).show() ;
}
===Fragment重置Binding
Fragment的生命周期不同于Activity,当Butterknife在onCreateView上进行绑定时,需要再onDestroyView上进行解绑,Butterknife.bind()方法提供了一个Unbinder 返回值,在onDestroyView上调用相关的unbinder方法即可:
public class FancyFragment extends Fragment {
@BindView(R.id.button1) Button button1;
@BindView(R.id.button2) Button button2;
private Unbinder unbinder;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fancy_fragment, container,false);
unbinder = ButterKnife.bind(this, view);
// TODO Use fields... return view;
}
@Override public void onDestroyView() {
super.onDestroyView();
unbinder.unbind();
}}
对应项目在Github上的地址:
https://github.com/xuyangsheng/AndroidFrameworkClassify
】