3. Android框架和工具之 xUtils（ViewUtils ）

1. ViewUtils 作用：

• 完全注解方式就可以进行UI绑定和事件绑定。
• 无需findViewById和setClickListener等。

2. UI绑定 和 事件绑定

（1）UI绑定

下面我們看下具體的代碼，順便對比下注解的方式绑定ID和findViewById之間的差別：

注解的方式绑定ID：

     @ViewInject(R.id.btn)
     private Button btn;

     @ViewInject(R.id.img)
     private ImageView img;

     @ViewInject(R.id.list)
     private ListView list;

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_second);
         ViewUtils.inject(this);
     }

使用findViewById绑定ID：

 @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_second);

         btn = (Button) findViewById(R.id.btn);
         img = (ImageView) findViewById(R.id.img);
         list = (ListView) findViewById(R.id.list);

     }

　　如果項目中得Activity中的控件相當多，那麼想象一下代碼中累積的那一大坨就真心受不了。通過xUtils的簡單注解，就能輕松擺脫無盡壞味道的代碼。

注意：在使用注解绑定控件的時候，一定記得在onCreate中調用ViewUtils.inject（this）;

（2）事件绑定
下面我們看下具體的代碼，順便對比下两种事件绑定：

使用ViewUtils：

     @OnClick({ R.id.btn, R.id.img })
     public void clickMethod(View v) {
         Toast.makeText(SecondActivity.this, "you clicked button!",
                 Toast.LENGTH_SHORT).show();
     }

     @OnItemClick(R.id.list)
     public void itemClick(AdapterView<?> parent, View view, int position,long id) {
         Toast.makeText(SecondActivity.this, "position--->" + position,
                 Toast.LENGTH_SHORT).show();
     }

平常Android的事件绑定：

      btn.setOnClickListener(this);

      list.setOnItemClickListener(new OnItemClickListener() {
             @Override
             public void onItemClick(AdapterView<?> parent, View view,
                     int position, long id) {
                 Toast.makeText(SecondActivity.this, "position--->" + position,
                         Toast.LENGTH_SHORT).show();
             }
         });

     @Override
     public void onClick(View v) {
         switch (v.getId()) {
         case R.id.btn:
             Toast.makeText(SecondActivity.this, "you clicked button!",
                     Toast.LENGTH_SHORT).show();
             break;
         default:
             break;
         }
     }

3. ViewUtils 基本使用：

 （1）新建一个Android工程，命名为"ViewUtils"，如下：

（2）首先我们来到布局文件之中：

 <LinearLayout 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"
     android:orientation="vertical"
     tools:context="com.himi.viewutils.MainActivity" >

     <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:orientation="horizontal" >

         <Button
             android:id="@+id/button1"
             android:layout_width="0dp"
             android:layout_height="wrap_content"
             android:layout_weight="1"
             android:text="按钮1" />

         <Button
             android:id="@+id/button2"
             android:layout_width="0dp"
             android:layout_height="wrap_content"
             android:layout_weight="1"
             android:text="按钮2" />
     </LinearLayout>

     <ListView
         android:id="@+id/lv"
         android:layout_width="match_parent"
         android:layout_height="match_parent" >
     </ListView>

 </LinearLayout>

（3）接着来到MainActivity，如下：

 package com.himi.viewutils;

 import com.lidroid.xutils.ViewUtils;
 import com.lidroid.xutils.view.annotation.ViewInject;
 import com.lidroid.xutils.view.annotation.event.OnClick;
 import com.lidroid.xutils.view.annotation.event.OnItemClick;

 import android.app.Activity;
 import android.os.Bundle;
 import android.view.View;
 import android.widget.AdapterView;
 import android.widget.ArrayAdapter;
 import android.widget.Button;
 import android.widget.ListView;
 import android.widget.Toast;

 public class MainActivity extends Activity {

     private String[] data = {
         "吕布","赵云","关羽","张飞","许褚","马超"
     };

     /**
      * 注入View到Activity
      */

     @ViewInject(R.id.button1)
     private Button button1;

     @ViewInject(R.id.button2)
     private Button button2;

     @ViewInject(R.id.lv)
     private ListView lv;

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         //不能少
         ViewUtils.inject(this);

         ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
                 android.R.layout.simple_list_item_1, data);
         lv.setAdapter(adapter);

     }

     @OnClick({R.id.button1,R.id.button2})
     public void click(View v) {//点击方法名可以随意取
         if(v.getId() == R.id.button1) {
             Toast.makeText(this, "点击了按钮1", 0).show();
         }
         if(v.getId() == R.id.button2) {
             Toast.makeText(this, "点击了按钮2", 0).show();
         }
     }

     @OnItemClick(R.id.lv)//item点击方面名随便取
     public void itemClick(AdapterView<?> parent, View view,
             int position,long id) {
         Toast.makeText(this, "你点击了按钮了 "+data[position], 0).show();
     }

 }

上面没有使用到 网络 和 SD卡，没有必要添加权限。

（4）布署程序到手机上，如下：

4. 上面使用到的是注入View 到Activity，其实还有很多种注入View的方式，如下：

// xUtils的view注解要求必须提供id，以使代码混淆不受影响。
@ViewInject(R.id.textView)
    TextView textView;

//@ViewInject(vale=R.id.textView, parentId=R.id.parentView)
    //TextView textView;

@ResInject(id = R.string.label, type = ResType.String)
    private String label;

// 取消了之前使用方法名绑定事件的方式，使用id绑定不受混淆影响
// 支持绑定多个id @OnClick({R.id.id1, R.id.id2, R.id.id3})
// or @OnClick(value={R.id.id1, R.id.id2, R.id.id3}, parentId={R.id.pid1, R.id.pid2, R.id.pid3})
// 更多事件支持参见ViewCommonEventListener类和包com.lidroid.xutils.view.annotation.event。
@OnClick(R.id.test_button)
public void testButtonClick(View v) { // 方法签名必须和接口中的要求一致
    ...
}
...
//在Activity中注入：
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    ViewUtils.inject(this); //注入view和事件
    ...
    textView.setText("some text...");
    ...
}
//在Fragment中注入：
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.bitmap_fragment, container, false); // 加载fragment布局
    ViewUtils.inject(this, view); //注入view和事件
    ...
}
//在PreferenceFragment中注入：
public void onActivityCreated(Bundle savedInstanceState) {
    super.onActivityCreated(savedInstanceState);
    ViewUtils.inject(this, getPreferenceScreen()); //注入view和事件
    ...
}
// 其他重载
// inject(View view);
// inject(Activity activity)
// inject(PreferenceActivity preferenceActivity)
// inject(Object handler, View view)
// inject(Object handler, Activity activity)
// inject(Object handler, PreferenceGroup preferenceGroup)
// inject(Object handler, PreferenceActivity preferenceActivity)