Android數(shù)據(jù)綁定框架DataBinding

今天介紹一個(gè)新框架DataBinding,之前我們需要在每個(gè)activity findViewById,不僅麻煩,還增加代碼的耦合性, 而DataBinding省時(shí)省力,提高解析XML的速度等等

寫篇文章提提神,不用午睡了.gif

那很多人包括我在內(nèi)現(xiàn)在用著ButterKnife 或者注解框架 xutils等,其實(shí)我個(gè)人認(rèn)為ButterKnife 這個(gè)懶人庫還是很不錯(cuò)的 ,但是與DataBinding想比還是不好用,那其他的第三方框架我認(rèn)為 如果單單只是用它的注解 確實(shí)沒什么必要 現(xiàn)在我們開始普及一下他的用法 :

  • 環(huán)境搭建 這是谷歌去年大會(huì)上新推出來的 所以你的api 不能太低哦
android {
    ....
    dataBinding {
        enabled = true
    }
}

先說一個(gè)基礎(chǔ)的的對象賦值

  • 我還是喜歡在activity 說起,以下就是activity的寫法 不用像之前的setContentView
ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.item.main);
        User user1 = new User("sirai", "23");
        binding.setUser(user1);
  • 布局文件 item.main主要的不同 還是展示在layout 布局文件,here沒有給控件定義id,而是用了@{ }的方法
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <data>
        <variable
            name="user"
            type="sale.xz.org.databind.User" />
    </data>

    <LinearLayout
        android:layout_width="wrap_content" android:layout_height="40dp"
        android:gravity="center" android:orientation="horizontal" >

        <!--@{user.clickName} 點(diǎn)擊方法-->
        <TextView
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:text="@{user.name}"  android:layout_marginLeft="20dp"
            android:onClick="@{user.clickName}" />

        <!--三元表達(dá)式 這句話等于  user.age == null ? user.age : user.name-->
        <TextView
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:text="@{user.age??user.name}" android:layout_marginLeft="20dp" />

    </LinearLayout>
</layout>
  • 當(dāng)然了我們要有一個(gè)實(shí)體類,隨便寫了一個(gè)簡單的
public class User {
    private String name;
    private String age;

    public User(String name, String age) {
        this.name = name;
        this.age = age;
    }

    public void setName(String name) {
        this.name = name;
    }

    public void setAge(String age) {
        this.age = age;
    }

    public String getName() {
        return this.name;
    }

    public String getAge() {
        return this.age;
    }

}

接下來 我們是list 賦值各個(gè)不同的layout 頁面,and 賦值adapter

  • activity
  ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
    
        User user1 = new User("sirais", "25");
        User user2 = new User("sirai", "23");
        List<User> list1 = new ArrayList<User>();
        list1.add(user2);
        list1.add(user1);
        binding.setUsers(list1);

//adapter listview 賦值
      List<User> list = new ArrayList<>();
        for (int i = 0; i < 10; i++) {
            User user = new User("sirai"+i+"", "23");
            list.add(user);
        }
        CommonAdapter<User> adapter = new CommonAdapter<>(this, list, R.layout.item_main, sale.xz.org.databind.BR.user);
        binding.setAdapter(adapter);

  • 布局文件 activity_main 其中有兩個(gè)include 不及 需要提示注意的是app xml命名空間
<layout xmlns:android="http://schemas.android.com/apk/res/android"  xmlns:app="http://schemas.android.com/apk/res-auto">
    <data>

        <import type="java.util.ArrayList" />
        <variable
            name="users"
            type="java.util.List<User>"/>

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <include
            layout="@layout/item_main"
            app:user="@{ users[0] }"/>

        <include
            layout="@layout/item_main"
            app:user="@{ users[1] }"/>


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

            <!--所有的set方法都可以用app-->
            <ListView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:adapter="@{ adapter }"/>

        </LinearLayout>
    </LinearLayout>
</layout>
  • 嗯嗯 這里就說到了 我們的adapter 這里用了BR文件,BR文件和R文件都是系統(tǒng)會(huì)自動(dòng)生成的,只是R文件用于資源的id
public class CommonAdapter<T> extends BaseAdapter {
    private Context context;//上下文環(huán)境
    private List<T> list;//通用的,不知道數(shù)據(jù)
    private int layoutId;//通用的,不知道布局
    private int variableId;//變量的id

    /**
     * 構(gòu)造方法
     */
    public CommonAdapter(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() {
        if (list != null)
            return list.size();
        return 0;
    }

    @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();
    }
}
  • 最后再說明一下實(shí)際運(yùn)用中肯定也會(huì)有很多的點(diǎn)擊事件,那么如何實(shí)現(xiàn)點(diǎn)擊事件的呢?怎么刷新變量呢?

    • 這就是我們?yōu)槭裁丛赨ser實(shí)體類User中添加了clickName方法的原因

    • 刷新變量 這里用到一個(gè)觀察者模式,只需要把User繼承BaseObservable類,并且在要更改的屬性上加一個(gè)@Bindble,再在setName方法中加入notifyPropertyChanged這樣一句話則可。

public class User extends BaseObservable {
    private String name;
    private String age;

    public User(String name, String age) {
        this.name = name;
        this.age = age;
    }

    public void setAge(String age) {
        this.age = age;
    }
    
    public String getAge() {
        return this.age;
    }



    public void clickName(View view){
        setName(getName() + "( 已點(diǎn)擊 )");
    }

    @Bindable
    public String getName() {
        return name;

    }

    public void setName(String name) {
        this.name = name;
        //刷新變量(變量id)
        notifyPropertyChanged(sale.xz.org.databind.BR.name);
    }


}
賦值adapter效果圖.jpg
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容