Android dataBinding與ListView及事件詳解

今天來了解一下Android最新給我們帶來的數據綁定框架——Data Binding Library。數據綁定框架給我們帶來了更大的方便性，以前我們可能需要在Activity裡寫很多的findViewById，煩人的代碼也增加了我們代碼的耦合性，現在我們馬上就可以拋棄那麼多的findViewById。說到這裡，有人可能會有個疑問:我使用一些注解框架也可以不用findViewById啊，是的，但是注解注定要拖慢我們代碼的速度，Data Binding則不會，官網文檔說還會提高解析XML的速度，最主要的Data Binding並不是單單減少了我們的findViewById，更多好處請往下看文章。

2015年Google IO大會分布了DataBinding庫，能夠更快捷便利的實現MVVM結構模式。但是，通過對DataBinding的學習，其中踩過得坑，今天要在這裡記錄一下。對於DataBinding一些比較基礎的使用，在這裡就不在記錄了，畢竟現在Google一下，出來很多的教程，而且，android developer官網中，也已經對其基本使用方法做了詳細介紹，有英語基礎的童鞋，還是去看比較官方的文章。

關於配置環境：

2.0以上的 Android Studio 已經內置了對 Android Data Binding 框架的支持，配置起來也很簡單，只需要在 app 的 build.gradle 文件中添加下面的內容就好了

1 dataBinding{
2   enabled = true
3 }

但是，gradle的版本，至少得是1.5.0以上，否則配置會很麻煩。因為本人使用的Android studio版本是2.1.3，gradle也更改成了2.1.3，所以，不需要做過多的設置。但是有一點，Android studio對DataBinding的支持還不是完全的兼容，有些地方確實有點坑。

關於使用：

最近，把之前寫的一個小項目，更改成了DataBinding的架構模式。感覺Android studio2.1.3版本已經很新了，但是對於一些屬性的提示還不是很好，並不是完全支持的。比較基礎的使用方法，在這裡就不在提了，主要是寫一下對ListView以及GridView的使用，還有就是對adapter的寫法，以及點擊跳轉的事件。

首先，先是寫一個ListView或者GridView的xml文件，代碼如下：

<?xml version="1.0" encoding="utf-8"?>
<layout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto">

  <data>

    <variable
      name="adapter"
      type="android.widget.BaseAdapter"/>

  </data>

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ListView
      android:id="@+id/list_view"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      app:adapter="@{adapter}"/>

  </LinearLayout>
</layout>

重點在app:adapter="@{adapter}"這句話中，主要是自定義一個adapter，來對ListView或者GridView進行數據的綁定。

然後，最主要的，其實就是適配器的寫法。在以往的寫法中，BaseAdapter肯定需要ViewHolder來進行視圖的綁定，並且做緩存。那麼，在DataBinding中，完全不需要ViewHolder，而且，針對單布局的話，完全可以寫個通用的adapter，針對一般的小項目，這個adapter完全的夠用，那麼，現在先來隨便寫一個adapter的item的xml文件，代碼如下：

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

  <data>
    <variable
      name="userbean"
      type="com.lqy.newtestdemo.UserBean"/>
  </data>

  <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="10dp">

    <ImageView
      android:id="@+id/image"
      android:layout_width="150dp"
      android:layout_height="100dp"
      android:layout_marginRight="5dp"
      app:imageUrl="@{userbean.picUrl}"/>

    <LinearLayout
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_toRightOf="@id/image"
      android:orientation="vertical">

      <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@{userbean.title}"
        android:textColor="@android:color/black"
        android:textSize="20sp"/>

      <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:text="@{userbean.ctime}"/>

      <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:text="@{userbean.description}"/>
    </LinearLayout>
  </RelativeLayout>
</layout>

可以看到，布局中，主要是通過data中的variable屬性來標識一個變量名，在控件中，只需要android:text="@{userbean.title}"，就能進行變量的賦值，這個在基礎用法中都有說明，這裡就不在論述。下面就是重點了，關於BaseAdapter的寫法，廢話不多說，直接上代碼：

package com.lqy.newtestdemo;

import android.content.Context;
import android.databinding.DataBindingUtil;
import android.databinding.ViewDataBinding;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;

import java.util.List;

/**
 * 通用的adapter
 * Created by LQY on 2016/10/10.
 */
public class ListAdapter<T> extends BaseAdapter {
  private Context context;
  private List<T> list;
  private int layoutId;//單布局
  private int variableId;

  public ListAdapter(Context context, List<T> list, int layoutId, int variableId) {
    this.context = context;
    this.list = list;
    this.layoutId = layoutId;
    this.variableId = variableId;
  }

  @Override
  public int getCount() {
    return list.size();
  }

  @Override
  public Object getItem(int position) {
    return list.get(position);
  }

  @Override
  public long getItemId(int position) {
    return position;
  }

  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
    ViewDataBinding binding = null;
    if (convertView == null){
      binding =DataBindingUtil.inflate(LayoutInflater.from(context),layoutId,parent,false);
    } else {
      binding = DataBindingUtil.getBinding(convertView);
    }
    binding.setVariable(variableId,list.get(position));
    return binding.getRoot();
  }
}

在這裡可以看到，完全看不到ViewHolder的蹤跡，而且，只需幾行的代碼，就能將適配器寫好，並且，可以用到多個ListView或者GridView中，adapter設置好以後，只需要在Activity中加入這樣兩句話就可以：

1 ListAdapter<UserBean> adapter = new ListAdapter<>(MainActivity.this, list, R.layout.item, BR.userbean);
2 binding.setAdapter(adapter);

binding怎麼來的，這裡就不在論述，請大家去看基礎使用方法。那麼，在寫一個通用的adapter的時候，我們可以看到ListAdapter的泛型所代表的，其實就是一個Bean文件，是你需要賦值的那個文件。list代表的是一個List的列表值，這個列表可以是你在Json解析出來得列表值，也可以是你通過list.add所附的值，這些就要看你項目的需要了。最坑的地方在BR上，BR說起來就跟項目本身會產生的R文件是一個道理，只不過，BR是DataBinding所產生的一個R文件，也需要導入一個BR的包，當然，如果項目沒什麼問題的，Android studio會提醒這個BR值導包的。我踩到的坑是，明明代碼中沒有任何問題，也沒有錯出現，第一次運行成功了，第二次在運行的時候，就提示BR文件找不到，包刪了重新導都導不進去，clean一下不管用，包還是導不進去，Rebuild一下，提示找不到BR包，怎麼都過不去。最後我只能把整個Android studio關掉在重新打開，發現BR包導進去了，然後也沒BUG了，運行也成功了。。。所以，如果你也遇到這種情況了，就請關閉Android studio並且重新打開一下，如果還沒好，就證明你的程序其實是有錯誤的，仔細找找就好。差不多就這個樣子吧。

下面還有一個問題，那就是關於點擊跳轉的問題。在其他的一些教程裡面，可能只寫到了onClick事件的綁定，其中能實現的，就是改變當前數值或者字段。但是，還沒一些教程來講如何進行跳轉。現在我就來講一下跳轉如何實現，先看代碼：

binding.listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
      @Override
      public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        Intent intent = new Intent(MainActivity.this, WebActivity.class);
        intent.putExtra("url", list.get(position).getUrl());
        startActivity(intent);
      }
    });

在Activity頁面，還可以使用setOnItemClickListener方法。之前在調用setOnItemClickListener方法的時候，先是定義一個ListView的變量名，然後findByViewId來關聯上xml文件的ListView的ID值，然後才能調用其方法。用了DataBinding以後，只要用binding.listView就可以直接調用點擊事件，完全不需要在findByViewId，而listView其實就是xml裡面的ID值，而這個變形的ID值其實是DataBinding根據ID值自動生成的，你只需要記得你起的名字是什麼，根據大概的規律來找到自己定義的ID就好，這裡並沒有什麼難度。不光ListView可以這樣用，這個同樣適用於GridView。我在項目中也用到了GridView，親測這個ListAdapter同樣適用於GridView。並且，在我的項目裡，是一個頁面用到了兩個GridView，只需要在data中定義兩個不同的variable值，並且name的定義名稱要定義不同的名字，這樣就可以同時使用一個ListAdapter了，後期我會將源碼放上來，這裡只是記錄一下我使用的方法，以及需要注意的地方。

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！