AndroidDatabinding的使用之双向绑定(二)

1. 需求

假设有一种情况,当我们在EditText里面输入内容的时候,如果此时我们的User已经和EditText关联,那么我们希望当输入框内容改变的时候,User对应的字段也发生变化,反之User发生变化的时候,输入框的内容也会跟着变化。这也是MVVM架构的思想,有了databinding框架,就可以帮我们快速实现一个MVVM架构。

2. 实现

对于我们的Model来说,我们要实现框架提供的BaseObservable,并且用@bindable注解标示要实时变化的字段,实现代码:

package com.example.databinding.databindingdemo.model;

import android.databinding.BaseObservable;
import android.databinding.Bindable;
import android.databinding.BindingAdapter;
import android.widget.ImageView;

import com.example.databinding.databindingdemo.BR;
import com.example.databinding.databindingdemo.R;

/**
 * Created by user on 2018/3/8.
 */
public class UserInfo extends BaseObservable{

    private String name;
    @Bindable
    private String nickname;
    @Bindable
    private int resId = R.mipmap.ic_launcher;

    private int paLeft = 100;

    @Bindable
    private boolean vip = true;

    public String getName() {
        return name;
    }

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

    public String getNickname() {
        return nickname;
    }

    public void setNickname(String nickname) {
        this.nickname = nickname;
        notifyPropertyChanged(BR.nickname);
    }

    public int getResId() {
        return resId;
    }

    public void setResId(int resId) {
        this.resId = resId;
        notifyPropertyChanged(BR.resId);
    }

    public int getPaLeft() {
        return paLeft;
    }

    public void setPaLeft(int paLeft) {
        this.paLeft = paLeft;
    }

    public boolean isVip() {
        return vip;
    }

    public void setVip(boolean vip) {
        this.vip = vip;
    }
}

XML布局:

双向绑定语法:@={user.nickname}

<?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="user"
            type="com.example.databinding.databindingdemo.model.UserInfo" />

    </data>


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

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

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:text="@{user.nickname ?? user.name}" />

        </LinearLayout>

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@={user.nickname}" />

    </LinearLayout>

</layout>
package com.example.databinding.databindingdemo;

import android.databinding.DataBindingUtil;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;

import com.example.databinding.databindingdemo.adapter.AppAdapter;
import com.example.databinding.databindingdemo.databinding.ActivityMainBinding;
import com.example.databinding.databindingdemo.handler.MyClick;
import com.example.databinding.databindingdemo.listener.UserClickListener;
import com.example.databinding.databindingdemo.model.UserInfo;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity implements UserClickListener {

    private ActivityMainBinding mainBinding;
    private UserInfo userInfo;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        mainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        userInfo = new UserInfo();
        userInfo.setName("name1");
        mainBinding.setUser(userInfo);}
}

AndroidDatabinding的使用(一)

AndroidDatabinding的使用之双向绑定(二)

AndroidDatabinding的使用之事件绑定(三)

AndroidDatabinding的使用进阶之注解(四)

AndroidDatabinding原理分析(五)

发布了82 篇原创文章 · 获赞 73 · 访问量 12万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览