需要在app目錄下得的buildgradle檔案中加上在android{}內部加上

dataBinding {
    enabled true
}

然後在引入依賴的檔案

compile 'com.android.support:recyclerview-v7:25.3.1'
compile "com.liangfeizc:avatarview:[email protected]"
compile 'com.github.bumptech.glide:glide:3.7.0'

其中compile "com.liangfeizc:avatarview:[email protected]

2.下面介紹繫結的過程，既然是繫結那麼，在xml 檔案中首先繫結資料的來原

<variable
name="rvAdapter"
type="com.cnlive.granzon.ui.adapter.RVAdapter" />

其中name的名字隨便起只要在程式碼中關聯一直就行，我認為其實這個名字就是在程式碼中設定資料的時候保持一直比如說我在這裡是rvAdapter那麼我在設定資料的時候就會用到

fragmentChatroomBinding.setRvAdapter(new RVAdapter(getContext(), list2, R
 
.layout.receycel_item_view, BR.user));

上面的方法，即setRvAdapter方法設定資料，

再看設定recelView與vriable設定關聯

<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_toLeftOf="@id/people_count"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:adapter="@{rvAdapter}"
 
app:layoutManager="@{rvLayoutManager}" />

其中app：adapter就是和上面的name="rvAdapter"  設定關聯， 而 app:layoutManager就是說他的型別，是gradal 還是linear, 也是在程式碼中設定，同樣方法也是對應的

下面看實際的程式碼

先看

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    fragmentChatroomBinding = DataBindingUtil.inflate(inflater, R.layout.fragment_chatroom, container, false);
    return fragmentChatroomBinding.getRoot();
}

在activity 和fragment中繫結xml檔案的方法不一樣，上面是fragment中的繫結的方法，

fragmentChatroomBinding.setRvLayoutManager(new LinearLayoutManager(getContext(), LinearLayoutManager.HORIZONTAL, false));
fragmentChatroomBinding.setRvAdapter(new RVAdapter(getContext(), list2, R.layout.receycel_item_view, BR.user));

第一個方法就是設定他的型別，第二個方法就是他的資料繫結，

第二個方法中其中R.layout.receycel_item_view是實際的每一項的xml 檔案， 後面的BR.user是每一項中的資料依賴的user

來看一下

<?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"
xmlns:tools="http://schemas.android.com/tools">    <data>
        <variable
name="user"
type="com.cnlive.granzon.model.User" />
    </data>    <LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="5dp"
android:orientation="horizontal">
        <com.liangfeizc.avatarview.AvatarView
android:layout_width="20dp"
android:layout_height="20dp"
app:imageUrl="@{user.icon}"
/>    </LinearLayout></layout>

其實邏輯是和上面講的一樣的重點看一下RVAdapter

public class RVAdapter extends RecyclerView.Adapter<RVAdapter.RVHolder> {
    private Context mContext;
    private List<User> mDataList;
    private int mLayoutId;      // 條目佈局檔案ID
private int mVariableId;    // DataBinding變數ID
public RVAdapter(Context context, List<User> list, int layoutId, int variableId) {
        this.mContext = context;
        this.mDataList = list;
        this.mLayoutId = layoutId;
mVariableId = variableId;
}

    @Override
public RVHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        ViewDataBinding binding = DataBindingUtil.inflate(LayoutInflater.from(mContext), mLayoutId, parent, false);
RVHolder holder = new RVHolder(binding.getRoot());
holder.binding = binding;
        return holder;
}

    @Override
public void onBindViewHolder(RVHolder holder, int position) {
        holder.binding.setVariable(mVariableId, mDataList.get(position));
// 別忘記這句程式碼
holder.binding.executePendingBindings();
}

    @Override
public int getItemCount() {
        return mDataList == null ? 0 :mDataList.size();
}

    class RVHolder extends RecyclerView.ViewHolder {
        ViewDataBinding binding;
RVHolder(View view) {
            super(view);
}
    }
}

只需要把程式碼複製一下就可以了，其實邏輯很簡單  先把xml 檔案繫結，後來再把資料繫結這樣就可以實現了，還有最容易忘記的程式碼

你會想圖片載入的方法呢，別急，採用註解的方式

@BindingAdapter({"imageUrl"})
public static void loadImage(ImageView imageView, String url) {
    if (url == null) {
        imageView.setImageResource(R.mipmap.ic_launcher);
} else {
        Glide.with(imageView.getContext()).load(url).error(R.mipmap.ic_launcher).into(imageView);
}
}

其中xml檔案中的imageUrl和這裡的註解的名字是一樣的。下面主要講的就是上面的方法，後續會把程式碼地址貼出來