星空网 > 软件开发 > 操作系统

Butter Knife使用详解

转载请注明出处:http://www.cnblogs.com/cnwutianhao/p/6610529.html 

 

Butter Knife

Github地址: https://github.com/JakeWharton/butterknife

Butter Knife使用详解images/loading.gif' data-original="http://images2015.cnblogs.com/blog/805379/201703/805379-20170324094739705-408945919.png" >

官方说明给出的解释是 Bind Android views and callbacks to fields and methods. 

Field and method binding for Android views which uses annotation processing to generate boilerplate code for you.

  • Eliminate findViewById calls by using @BindView on fields.
  • Group multiple views in a list or array. Operate on all of them at once with actions, setters, or properties.
  • Eliminate anonymous inner-classes for listeners by annotating methods with @OnClick and others.
  • Eliminate resource lookups by using resource annotations on fields.

意思就是:将Android视图和回调绑定到字段和方法。使用注释处理为您生成样板代码的Android视图的字段和方法绑定。通过在字段上使用@BindView消除findViewById调用。在列表或数组中分组多个视图。 使用操作,设置器或属性一次操作所有这些。通过使用@OnClick和其他方法注释方法,消除匿名内部类的侦听器。通过在字段上使用资源注释来消除资源查找。

 

官方文档给出了Butter Knife在Gradle里面如何配置

Butter Knife使用详解

 

下面我们就来配置Buffer Knife到工程里面

新建Android Studio工程(作者的Android Studio版本是2.3)

项目主体结构如下:

Butter Knife使用详解

首先,配置build.gradle(Project:XXX)

新建工程的build.gradle(Project:XXX)初始样子如下:

Butter Knife使用详解

然后我们按照官方文档进行配置

在repositories {}里面添加

mavenCentral()

在dependencies {}里面添加

classpath 'com.jakewharton:butterknife-gradle-plugin:8.5.1'

build.gradle(Project:XXX)完整代码即:

// Top-level build file where you can add configuration options common to all sub-projects/modules.buildscript {  repositories {    jcenter()    mavenCentral()  }  dependencies {    classpath 'com.android.tools.build:gradle:2.3.0'    classpath 'com.jakewharton:butterknife-gradle-plugin:8.5.1'    // NOTE: Do not place your application dependencies here; they belong    // in the individual module build.gradle files  }}allprojects {  repositories {    jcenter()  }}task clean(type: Delete) {  delete rootProject.buildDir}

其次,修改build.gradle(Module:XXX)

新建工程的build.gradle(Module:XXX)初始样子如下:

Butter Knife使用详解

然后我们按照官方文档进行配置

在开头添加
apply plugin: 'com.jakewharton.butterknife'

在dependencies {} 里面添加 
compile 'com.jakewharton:butterknife:8.5.1'annotationProcessor 'com.jakewharton:butterknife-compiler:8.5.1'

build.gradle(Module:XXX)完整代码即:
apply plugin: 'com.android.application'apply plugin: 'com.jakewharton.butterknife'android {  compileSdkVersion 25  buildToolsVersion "25.0.2"  defaultConfig {    applicationId "com.tnnowu.android.butterknifedemo"    minSdkVersion 14    targetSdkVersion 25    versionCode 1    versionName "1.0"    testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"  }  buildTypes {    release {      minifyEnabled false      proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'    }  }}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:25.3.0'  compile 'com.android.support.constraint:constraint-layout:1.0.2'  testCompile 'junit:junit:4.12'  compile 'com.jakewharton:butterknife:8.5.1'  annotationProcessor 'com.jakewharton:butterknife-compiler:8.5.1'}

至此,我们的Butter Knife就已经正确的配置到我们的工程里面了。
彩蛋:
做过安卓项目的同学都知道,比如工程里面的get、set 方法,都是通过Generate快速编译的。(说到这里如果你没看懂的话,说明你的Android开发经验太少了,请自行百度查找)

Butter Knife使用详解

又有同学问了,我在Github上面看到大神们用Butter Knife去编写代码,初始化的时候总是蒙圈。其实 Butter Knife的初衷就是简化代码,让程序员更有效率的开发。

这时候可以利用Android Studio里面的 Plugins来辅助我们开发。

File -> Settings -> Plguins

然后在右面的搜索框里面输入 ButterKnife,然后点击下面的 Search in repositories

Butter Knife使用详解

就会出现下图的场景:

Butter Knife使用详解

选择第一个 Android ButterKnife PPlugin Plus 然后点击 Install,重启Android Studio

重启之后,Butter Knife就可以很好的为我们效劳了。

 

那么Butter Knife如何使用呢?

首先,打开布局文件

Android Studio更新到2.3以后的布局文件初始是这样的

Butter Knife使用详解

为了做演示,我们稍微修改一下,添加几个控件。

一个EditText,两个Button

<?    android:layout_width="match_parent"  android:layout_height="match_parent"  android:orientation="vertical"  tools:context="com.tnnowu.android.butterknifedemo.MainActivity">  <EditText    android:id="@+id/edit_text"    android:layout_width="match_parent"    android:layout_height="50dp" />  <Button    android:id="@+id/btn1"    android:layout_width="match_parent"    android:layout_height="50dp" />  <Button    android:id="@+id/btn2"    android:layout_width="match_parent"    android:layout_height="50dp" /></LinearLayout>


然后,我到Class类里面去用 Butter Knife绑定控件,代替 findViewById

初始Class类文件如下:

Butter Knife使用详解

在布局文件上面右键,选择Generate

Butter Knife使用详解

然后选择 Generate Butterknife Injections

Butter Knife使用详解

这里我们可以看到布局文件中的控件都出现在上面,可以额外选择点击事件OnClick

 

Confirm之后的场景如下:

package com.tnnowu.android.butterknifedemo;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.view.View;import android.widget.Button;import android.widget.EditText;import butterknife.BindView;import butterknife.ButterKnife;import butterknife.OnClick;public class MainActivity extends AppCompatActivity implements View.OnClickListener {  @BindView(R.id.edit_text)  EditText editText;  @BindView(R.id.btn1)  Button btn1;  @BindView(R.id.btn2)  Button btn2;  @Override  protected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_main);    ButterKnife.bind(this);  }  @OnClick({R.id.btn1, R.id.btn2})  public void onClick(View view) {    switch (view.getId()) {      case R.id.btn1:        break;      case R.id.btn2:        break;    }  }}

可以清晰的看到 Butter Knife 已经开始为我们效劳了。

(注意:ButterKnife.bind(this) 是一定要写在onCreate里面)

学会使用 BUffer Knife,可以让程序自动化帮忙减轻工作量!

 

关注我的新浪微博,获取更多Android开发资讯!

关注科技评论家,领略科技、创新、教育以及最大化人类智慧与想象力!




原标题:Butter Knife使用详解

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流