标签:
使用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()就可以使用视图的绑定,非常方便。
标签:
原文地址:http://my.oschina.net/summerpxy/blog/500159