使用ButterKnife實現視圖綁定

標籤：

    使用ButterKnife架構可以方便的使用註解的方式實現視圖的綁定、資源的綁定、事件的綁定等等。使用ButterKnife最方便的是視圖的綁定從而告別煩瑣的通過findViewById()得到view的引用。下面使用一個非常簡單的例子來說明一下。

    例子非常簡單，使用一個listview顯示一個自訂布局。

    主布局activity_main.xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context=".MainActivity">    <ListView        android:id="@+id/listview"        android:layout_width="match_parent"        android:layout_height="wrap_content" /></RelativeLayout>

   主布局中需要綁定的view是id/listview

    自訂布局item_layt.xml:

<?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="70dp"    android:gravity="center_vertical"    android:orientation="horizontal"><ImageView android:id="@+id/item_imageview"    android:layout_width="48dp"    android:layout_height="48dp"    android:layout_alignParentLeft="true"    android:layout_marginLeft="10dp"/>    <TextView android:id="@+id/item_textview"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:textSize="18sp"        android:layout_alignParentRight="true"        android:layout_marginRight="10dp"        android:gravity="center"        android:textColor="@color/DodgerBlue"/></RelativeLayout>

  這個自訂布局是ViewHolder需要的布局，需要綁定的item_imageview和item_textview.

  接下來自訂一個Adapter.

package com.app.wx.butterknifetraning.adapter;import android.content.Context;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.ImageView;import android.widget.TextView;import com.app.wx.butterknifetraning.R;import java.util.List;import java.util.Random;import butterknife.Bind;import butterknife.ButterKnife;/** * Created by ubuntu on 15-9-1. */public class MyAdapter extends BaseAdapter {    private int[] drawables = new int[]{R.drawable.mark01, R.drawable.mark02,            R.drawable.mark03, R.drawable.mark04};    private Context mContext;    private List<String> mContents;    private LayoutInflater mLayoutInflater;    public MyAdapter(Context context, List<String> contents) {        this.mContext = context;        this.mContents = contents;        mLayoutInflater = LayoutInflater.from(context);    }    @Override    public int getCount() {        return mContents.size();    }    @Override    public Object getItem(int position) {        return position;    }    @Override    public long getItemId(int position) {        return position;    }    @Override    public View getView(int position, View convertView, ViewGroup parent) {    //使用ViewHold提高效能        ViewHolder holder;        if(convertView != null){             holder =(ViewHolder) convertView.getTag();        }else{            convertView = mLayoutInflater.inflate(R.layout.item_layot, parent, false);            holder = new ViewHolder(convertView);            convertView.setTag(holder);        }        holder.mTextView.setText(mContents.get(position));        Random random = new Random();        int index = random.nextInt(drawables.length);        holder.mImageView.setImageResource(drawables[index]);        return convertView;    }    static class ViewHolder {        @Bind(R.id.item_imageview)    //綁定imageview        ImageView mImageView;        @Bind(R.id.item_textview)     //綁定textview        TextView mTextView;        public ViewHolder(View view) {            ButterKnife.bind(this, view);   //view綁定          }    }}

主MainActivity

package com.app.wx.butterknifetraning;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.Menu;import android.view.MenuItem;import android.widget.ListView;import com.app.wx.butterknifetraning.adapter.MyAdapter;import java.util.ArrayList;import java.util.List;import butterknife.Bind;import butterknife.ButterKnife;public class MainActivity extends AppCompatActivity {    @Bind(R.id.listview)        ListView mListView;    private List<String> myList;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        ButterKnife.bind(this);        MyAdapter adapter = new MyAdapter(this, myList);        mListView.setAdapter(adapter);    }    private void initData() {        myList = new ArrayList<String>();        myList.add("item1");        myList.add("item2");        myList.add("item3");        myList.add("item4");        myList.add("item5");        myList.add("item6");        myList.add("item7");    }}

通過一個@Bind（R.id.idname）,然後使用ButterKnife.bind()就可以使用視圖的綁定，非常方便。

使用ButterKnife實現視圖綁定