Android官方DataBinding（九）：反向綁定，View變化結果回寫進資料模型中

Android官方DataBinding（九）：反向綁定，View變化結果回寫進資料模型中

Android DataBinding Data Model資料模型的變化，引發View的變化，反過來，如果View的變化，也将導緻資料模型（Data Model）的變化。本例給出一個例子，說明這一雙向綁定過程。

附錄文章大部分是單向綁定：資料模型的變化，引起View的變化。那麼現在實行一個簡單的功能，View的變化結果，回寫到資料模型裡面去。

寫一個ViewModel類，裡面定義一個布爾isDisplay：

package zhangphil.test;

import android.databinding.BaseObservable;
import android.databinding.ObservableBoolean;

/**
 * Created by Phil on 2017/8/25.
 */

public class ViewModel extends BaseObservable {
    public final ObservableBoolean isDisplay = new ObservableBoolean();
}
           

我以這樣一個例子說明，在一個自定義View裡面增加一個自定義屬性:display，該值是布爾類型，如果true，則顯示該View，如果false，則不顯示該View。

自定義PhilView.java：

package zhangphil.test;

import android.content.Context;
import android.databinding.BindingAdapter;
import android.databinding.InverseBindingAdapter;
import android.databinding.InverseBindingListener;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;

/**
 * Created by Phil on 2017/8/25.
 */

public class PhilView extends View {
    private static final String TAG = "調試";

    private OnViewChangeListener mOnViewChangeListener;

    public PhilView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    //繼承自Android，該方法在Android的View的visibility變化時候回調
    @Override
    protected void onVisibilityChanged(View changedView, int visibility) {
        super.onVisibilityChanged(changedView, visibility);
        Log.d(TAG, "onVisibilityChanged");

        if (mOnViewChangeListener != null) {
            mOnViewChangeListener.onChange();
        }
    }

    @BindingAdapter(value = "display", requireAll = false)
    public static void setDisplay(PhilView view, boolean isDisplay) {
        if (getDisplay(view) == isDisplay) {
            //防止死循環

            Log.d(TAG, "重複設定");
            return;
        } else {
            Log.d(TAG, "setDisplay " + isDisplay);
            view.setVisibility(isDisplay ? View.VISIBLE : View.INVISIBLE);
        }
    }

    @InverseBindingAdapter(attribute = "display", event = "displayAttrChanged")
    public static boolean getDisplay(PhilView view) {
        Log.d(TAG, "getDisplay:" + view.getVisibility());
        return view.getVisibility() == View.VISIBLE;
    }

    @BindingAdapter(value = {"displayAttrChanged"}, requireAll = false)
    public static void setDisplayAttrChanged(PhilView view, final InverseBindingListener inverseBindingListener) {
        Log.d(TAG, "setDisplayAttrChanged");

        if (inverseBindingListener == null) {
            view.setViewChangeListener(null);
            Log.d(TAG, "setViewChangeListener(null)");
        } else {
            view.setViewChangeListener(new OnViewChangeListener() {

                @Override
                public void onChange() {
                    Log.d(TAG, "setDisplayAttrChanged -> onChange");
                    inverseBindingListener.onChange();
                }
            });
        }
    }

    private interface OnViewChangeListener {
        void onChange();
    }

    private void setViewChangeListener(OnViewChangeListener listener) {
        this.mOnViewChangeListener = listener;
    }
}
           

在activity_main.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>

        <import type="android.view.View" />

        <variable
            name="model"
            type="zhangphil.test.ViewModel" />
    </data>

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

        <CheckBox
            android:id="@+id/checkbox"
            android:layout_width="50dp"
            android:layout_height="50dp" />

        <ImageView
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:src="@mipmap/ic_launcher_round"
            android:visibility="@{checkbox.checked?View.VISIBLE:View.GONE}" />

        <zhangphil.test.PhilView
            android:id="@+id/philview"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:background="@android:color/holo_red_light"
            app:display="@={model.isDisplay}" />
    </LinearLayout>
</layout>           

測試的MainActivity.java：

package zhangphil.test;

import android.databinding.DataBindingUtil;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;

import zhangphil.test.databinding.ActivityMainBinding;

public class MainActivity extends AppCompatActivity {
    private final String TAG = "調試的MainActivity";

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

        final ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);

        final ViewModel vm = new ViewModel();
        binding.setModel(vm);

        //資料模型的變化将控制View的顯示
        vm.isDisplay.set(false);
        Log.d(TAG, "數值變化:" + vm.isDisplay.get());

        new Thread(new Runnable() {
            @Override
            public void run() {
                try {
                    Thread.sleep(3000);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }

                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        binding.philview.setVisibility(View.VISIBLE);
                        //View的變化結果，值将回寫到ViewModel的isDisplay中
                        Log.d(TAG, "數值變化:" + vm.isDisplay.get());
                    }
                });
            }
        }).start();
    }
}           

代碼運作結果日志輸出：

08-28 15:13:15.303 11275-11275/zhangphil.test D/調試的MainActivity: 數值變化:false
08-28 15:13:15.335 11275-11275/zhangphil.test D/調試: setDisplayAttrChanged
08-28 15:13:15.335 11275-11275/zhangphil.test D/調試: getDisplay:0
08-28 15:13:15.335 11275-11275/zhangphil.test D/調試: setDisplay false
08-28 15:13:15.336 11275-11275/zhangphil.test D/調試: onVisibilityChanged
08-28 15:13:15.336 11275-11275/zhangphil.test D/調試: setDisplayAttrChanged -> onChange
08-28 15:13:15.336 11275-11275/zhangphil.test D/調試: getDisplay:4
08-28 15:13:18.310 11275-11275/zhangphil.test D/調試: onVisibilityChanged
08-28 15:13:18.311 11275-11275/zhangphil.test D/調試: setDisplayAttrChanged -> onChange
08-28 15:13:18.311 11275-11275/zhangphil.test D/調試: getDisplay:0
08-28 15:13:18.311 11275-11275/zhangphil.test D/調試的MainActivity: 數值變化:true
08-28 15:13:18.319 11275-11275/zhangphil.test D/調試: getDisplay:0
08-28 15:13:18.319 11275-11275/zhangphil.test D/調試: 重複設定           

附錄：

1，《Android官方DataBinding簡例（一）》連結：http://blog.csdn.net/zhangphil/article/details/77322530    

2，《Android官方DataBinding（二）：動态資料更新notifyPropertyChanged》連結：http://blog.csdn.net/zhangphil/article/details/77328688   

3，《Android官方DataBinding（三）：RecyclerView 使用ViewDataBinding更新資料》連結：http://blog.csdn.net/zhangphil/article/details/77367432  

4，《Android官方DataBinding（四）：BindingAdapter》連結：http://blog.csdn.net/zhangphil/article/details/77374211 

5，《Android官方DataBinding（五）：ObservableMap，ObservableArrayMap》連結：http://blog.csdn.net/zhangphil/article/details/77448933

6，《Android官方DataBinding（六）： @= 操作符進行雙向綁定》連結：http://blog.csdn.net/zhangphil/article/details/77454045 

7，《Android官方DataBinding（七）：BindingMethods與BindingMethod》連結：http://blog.csdn.net/zhangphil/article/details/77479843 

8，《Android官方DataBinding（八）：Lambda長表達式事件處理》連結：http://blog.csdn.net/zhangphil/article/details/77503013