ButterKnife Android程序员的一大利器

注:最近才看到的这个类库,来自于jakewharton大神的力作,安卓里面的视图注入库

另小弟水平有限,翻译的不好,还请多多指正

首先是地址(托管在github上):http://jakewharton.github.io/butterknife/

进去后首先看到的是关于用法的讲解,翻译部分正式开始(通俗且精简化,建议对照着看)!

简介:

程序员都是懒惰的,不想写一大堆像下面这样的代码
01. class ExampleActivity extends Activity {
02.   TextView title;
03.   TextView subtitle;
04.   TextView footer;
05.
06.   @Override public void onCreate(Bundle savedInstanceState) {
07.     super.onCreate(savedInstanceState);
08.     setContentView(R.layout.simple_activity);
09.     title = (TextView) findViewById(R.id.title);
10.     subtitle = (TextView) findViewById(R.id.subtitle);
11.     footer = (TextView) findViewById(R.id.footer);
12.
13.     // TODO Use views...
14.   }
15. }

 

这样很不好,因此我们就找到了一个方法,使用魔法一般的注解,来浓缩代码,就像下面这样
01. class ExampleActivity extends Activity {
02.   @Magic(R.id.title) TextView title;
03.   @Magic(R.id.subtitle) TextView subtitle;
04.   @Magic(R.id.footer) TextView footer;
05.
06.   @Override public void onCreate(Bundle savedInstanceState) {
07.     super.onCreate(savedInstanceState);
08.     setContentView(R.layout.simple_activity);
09.     // TODO Use "injected" views...
10.   }
11. }

 

然而,这样虽然看起来很酷,很Magic,不过还是会带来严重的运行时的问题
于是,我们就利用javac 编译器中一大利器来生成前面例子中的findViewById的引用,并且继续保持代码的精简 ,继续看下面的代码
01. class ExampleActivity extends Activity {
02.   @InjectView(R.id.title) TextView title;
03.   @InjectView(R.id.subtitle) TextView subtitle;
04.   @InjectView(R.id.footer) TextView footer;
05.
06.   @Override public void onCreate(Bundle savedInstanceState) {
07.     super.onCreate(savedInstanceState);
08.     setContentView(R.layout.simple_activity);
09.     ButterKnife.inject(this);
10.     // TODO Use "injected" views...
11.   }
12. }

 

在原本Magic的地方使用inject 方法来替代,下面是该方法的一段代表(This method delegates to generated code 不明),可以看并debug
1. public void inject(ExampleActivity activity) {
2.   activity.subtitle = (android.widget.TextView) activity.findViewById(2130968578);
3.   activity.footer = (android.widget.TextView) activity.findViewById(2130968579);
4.   activity.title = (android.widget.TextView) activity.findViewById(2130968577);
5. }

 

(这段可以忽略吗?貌似翻译不对,看不太懂)有些人称这个为视图注入,并加到了传统的依赖注入框架中,也许在术语上有错误,不过或许有一点作用.......



NON-ACTIVITY INJECTION

我们可以对任意的View对象使用注入,当然了,需要提供view root的对象
01. public class FancyFragment extends Fragment {
02.   @InjectView(R.id.button1) Button button1;
03.   @InjectView(R.id.button2) Button button2;
04.
05.   @Override View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
06.     View view = inflater.inflate(R.layout.fancy_fragment, container, false);
07.     ButterKnife.inject(this, view);
08.     // TODO Use "injected" views...
09.     return view;
10.   }
11. }

 

另外一个用处是简化list adapter中的View Holder模式,这个例子可以在提供的sample中看到
01. public class MyAdapter extends BaseAdapter {
02.   @Override public View getView(int position, View view, ViewGroup parent) {
03.     ViewHolder holder;
04.     if (view != null) {
05.       holder = (ViewHolder) view.getTag();
06.     } else {
07.       view = inflater.inflate(R.layout.whatever, parent, false);
08.       holder = new ViewHolder(view);
09.       view.setTag(holder);
10.     }
11.
12.     holder.name.setText("John Doe");
13.     // etc...
14.
15.     return convertView;
16.   }
17.
18.   static class ViewHolder {
19.     @InjectView(R.id.title) TextView name;
20.     @InjectView(R.id.job_title) TextView jobTitle;
21.
22.     public ViewHolder(View view) {
23.       ButterKnife.inject(this, view);
24.     }
25.   }
26. }

 

其他的API(这段真心建议看一下原版)

-当使用activity作为view root节点时,你如果使用的是像MVC设计模式,你可以将控制器注入,使用它的acitvity并通过ButterKnife.inject(this, activity)方法 -将一个子View对象字段注入,使用ButterKnife.inject(this)(在前面例子的onCreate方法中就是,不懂的可以参考这个),如果你在一个layout的构造方法中使用<merge>标签并且,inflate了一个自定义View,立即调用这个方法。或者,如果是从xml中inflate自定义view, 可以使用这个方法---onLayoutInflated()

CLICK LISTENER INJECTION

 

Click listener 也可以被注入
1. @OnClick(R.id.submit)
2. public void submit() {
3.   // TODO submit data to server...
4. }

 

也可以加一个view对象,特定的类型会被自动转换
1. @OnClick(R.id.submit)
2. public void sayHi(Button button) {
3.   button.setText("Hello!");
4. }

 

一次指定多个id,同时加事件
1. @OnClick({ R.id.door1, R.id.door2, R.id.door3 })
2. public void pickDoor(DoorView door) {
3.   if (door.hasPrizeBehind()) {
4.     Toast.makeText(this, "You win!", LENGTH_SHORT).show();
5.   } else {
6.     Toast.makeText(this, "Try again", LENGTH_SHORT).show();
7.   }
8. }

 

INJECTION RESET

Fragments 有比Avtivity更多的生命周期 ,如果需要在onCreateView中注入一个fragment,在onDestroyView中销毁它
Butter Knife 有一个reset 方法自动实现它
01. public class FancyFragment extends Fragment {
02.   @InjectView(R.id.button1) Button button1;
03.   @InjectView(R.id.button2) Button button2;
04.
05.   @Override View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
06.     View view = inflater.inflate(R.layout.fancy_fragment, container, false);
07.     ButterKnife.inject(this, view);
08.     // TODO Use "injected" views...
09.     return view;
10.   }
11.
12.   @Override void onDestroyView() {
13.     super.onDestroyView();
14.     ButterKnife.reset(this);
15.   }
16. }


OPTIONAL INJECTIONS

默认情况下 @InjectView和@OnClick都是必须加上的,如果当前对象不存在,就会抛出一个异常
为了压制这个异常,可以在变量或者方法上加入一下注解
1. @Optional @InjectView(R.id.might_not_be_there) TextView mightNotBeThere;
2.
3. @Optional @OnClick(R.id.maybe_missing) void onMaybeMissingClicked() {
4.   // TODO ...
5. }

 

BONUS

 

这段看不太懂,大意估计是除了以上注入方法之外还有一种,类型会自动转换,需要静态导入ButterKnife.findById
1. View view = LayoutInflater.from(context).inflate(R.layout.thing, null);
2. TextView firstName = ButterKnife.findById(view, R.id.first_name);
3. TextView lastName = ButterKnife.findById(view, R.id.last_name);
4. ImageView photo = ButterKnife.findById(view, R.id.photo);



Download:当前版本 4.0.1

 

具体:http://github.com/JakeWharton/butterknife
jar包:http://repo1.maven.org/maven2/com/jakewharton/butterknife/4.0.1/butterknife-4.0.1.jar



Maven配置:如果你是用maven开发的童鞋,请自觉加上如下依赖

1. <dependency>
2.   <groupId>com.jakewharton</groupId>
3.   <artifactId>butterknife</artifactId>
4.   <version>4.0.1</version>
5. </dependency>




IDE的配置

 

  • IntelliJ IDEA — 如果你是用外部工具管理工程 (如 Maven pom.xml) 应该能正常工作, 不然就看看这个 http://jakewharton.github.io/butterknife/ide-idea.html
    • Eclipse — http://jakewharton.github.io/butterknife/ide-eclipse.html

      PROGUARD

      使用注入会导致ProGuard 认为变量未被使用,因此,需要在ProGuard 中加入如下字段

      1. -dontwarn butterknife.internal.**
      2. -keep class **$$ViewInjector { *; }
      3. -keepnames class * { @butterknife.InjectView *;}
       
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值