移动开发

Android ButterKnife依赖注入框架的引入和使用

云博小周宇3 Mins Read

在Android开发中，需要大量的编写初始化布局、点击事件、监听事件等一些简单重复的代码，会无形中浪费时间和精力。而使用ButterKnife这个开源库可以让我们从大量的findViewById()和setOnclicktListener()中解放出来。

ButterKnife:是视图注入中相对简单易懂的开源框架，其优势在于：
      1. 强大的View绑定和Click事件处理功能,简单代码,提高开发效率
      2. 方便的处理Adapter和ViewHolder绑定问题
      3. 提高APP运行效率,使用配置方便
      4. 代码清晰,可读性强

传统写法:


private ListView listview; public void initView(){ listview=(ListView)this.findViewById(R.id.listview); listview.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { Toast.makeText(getBaseContext(), "item"+position, Toast.LENGTH_SHORT).show(); } }); }

技术分享图片

使用ButterKnife后的代码:

@InjectView(R.id.listview) ListView mListview; @OnItemClick(R.id.listview) public void onItemClick(int position){      Toast.makeText(getBaseContext(), "item"+position, Toast.LENGTH_SHORT).show(); }

技术分享图片

参考资料：

ButterKnife官网：http://jakewharton.github.io/butterknife/

Android Studio ButterKnife 插件安装

技术分享图片技术分享图片?

 项目中安装 ButterKnife module支持

技术分享图片技术分享图片?

implementation ‘com.jakewharton:butterknife:7.0.1‘

技术分享图片

或者

在项目上右键，选择Open Module Settings

技术分享图片技术分享图片?

这时butterknife的环境就配置好了，可以运行测试一下： 

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:id="@+id/tv1" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:text="Hello World!" android:textSize="18sp" /> </RelativeLayout>

技术分享图片

MainActivity.java如下：

import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.widget.TextView; import butterknife.BindView; import butterknife.ButterKnife; public class MainActivity extends AppCompatActivity { @BindView(R.id.tv1) TextView tv1; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ButterKnife.bind(this); tv1.setText("Hello ButterKnife"); } }

技术分享图片

调用@BindView传入TextView的id，然后在下面声明变量tv1，最后在onCreate方法中调用ButterKnife的bind方法绑定控件。

下面看一下，引入Button的点击事件监听，布局文件如下：

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:id="@+id/tv1" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:text="Hello World!" android:textSize="18sp" /> <Button android:id="@+id/btn1" android:text="BUTTON1" android:layout_width="match_parent" android:layout_height="wrap_content" /> </LinearLayout>

技术分享图片

MainActivity.java：

@BindView(R.id.btn1) Button btn1; @OnClick(R.id.btn1) public void test(View view) { Toast.makeText(MainActivity.this, "test", Toast.LENGTH_SHORT).show(); }

技术分享图片