android 数据双向绑定学习笔记

        android 数据双向绑定学习笔记

今天在网上看到了有关双向绑定,顿时,兴趣油然而生。小写一个demo

所谓数据双向绑定(dataBinding),即界面,数据的双向改变(界面交互改变数据,也可数据修改同时修改界面显示)

下面,详细介绍双向帮定:

首先,双向绑定需在studio2.1-priview3之后的版本
项目gradle需要是:
classpath ‘com.android.tools.build:gradle:2.2.0-alpha5’

其次,app 需要开启双向绑定,gradle 需设置
android {

dataBinding.enabled = true
}

然后看代码:


    <layout xmlns:android="http://schemas.android.com/apk/res/android">

        <data>
            <variable
                name="user"
                type="com.ecasona.entity.User">variable>
        data>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:orientation="vertical">

            <TextView
                android:id="@+id/title"
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:text="@{user.title}"
                android:textAppearance="@style/TextAppearance.AppCompat.Title"
                android:textColor="@color/primary_text" />

            <TextView
                android:id="@+id/description"
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:layout_marginTop="2dp"
                android:text="@{user.description}"
                android:textColor="@color/secondary_text" />

            <Button
                android:id="@+id/btn"
                android:layout_width="match_parent"
                android:layout_height="60dp"
                android:layout_margin="20dp"
                android:text="点击" />

        LinearLayout>
    layout>

data 节点绑定实体类(type),并且设定在xml中使用的字段(name)

name="user"
type="com.ecasona.entity.User">

xml中的使用语法:@{user.title}…与jQuery相似的语法,
实体类:

public class User extends BaseObservable {

        private String id;
        private String title;
        private String original_title;
        private String year;


        @Bindable
        public String getTitle() {
            return title;
        }

        public void setTitle(String title) {
            this.title = title;
            notifyPropertyChanged(BR.title);
        }

        @Bindable
        public String getDescription() {
            return original_title + "\n" + year;
        }

        public void setOriginal_title(String original_title) {
            this.original_title = original_title;
            notifyPropertyChanged(BR.description);
        }

        public void setYear(String year) {
            this.year = year;
            notifyPropertyChanged(BR.description);
        }

        @Override
        public String toString() {
            return "User{" +
                    "id='" + id + '\'' +
                    ", title='" + title + '\'' +
                    ", original_title='" + original_title + '\'' +
                    ", year='" + year + '\'' +
                    '}';
        }

    }

实体集成BaseObservable,需要双向绑定的数据,在get方法前用@Bindable标注,在set方法中使用notifyPropertyChanged
即时修改数据。

最后是activity:
采用 ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
binding.setUser(user);
实现双向绑定。

源码:https://github.com/ecasona/TestDataBinding/tree/master/TestDataBindingApplication

你可能感兴趣的:(Android)