1. 程式人生 > >Android ButterKnife依賴註入框架的引入和使用

Android ButterKnife依賴註入框架的引入和使用

-html csdn 布局 activit tac idt cal mod click

在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();
}
技術分享圖片

Android ButterKnife依賴註入框架的引入和使用