双向数据绑定未更新 UI

Question

我想了解为什么设置一个值不会自动刷新 UI。如果我调用 binding.setItem，UI 会刷新。

我知道绑定对象包含更新的值，但是 UI 在设置 item.name 和 item.checked 后没有被刷新。

我做错了什么？我是否需要每次都调用 setItem 来刷新 UI？我认为这是不必要的，因为 UI 会在设置值后自动更新。

Item.java:

public class Item  {
    public String name;
    public Boolean checked;
}

MainActivity.java:

public class MainActivity extends AppCompatActivity {

    public Item item;
    ActivityMainBinding binding;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        item = new Item();
        item.checked = true;
        item.name = "a";

        binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        binding.setItem(item);
    }

    public void button_onClick(View v) {
        item.checked = !item.checked;
        item.name = item.name  + "a";
        ///binding.setItem(item); --> ??? this updates UI, do I need to call this to refresh UI everytime???
    }
}

activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="item"
            type="com.example.abc.twowaydatabinding.Item" />
    </data>

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

        <TextView
            android:id="@+id/tv_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@={item.name}"
            android:textSize="20sp" />


        <Switch
            android:id="@+id/switch_test"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:checked="@={item.checked}" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="change"
            android:onClick="button_onClick"/>

    </LinearLayout>
</layout>

build.gradle:

android {
...
    dataBinding{
        enabled=true
    }

}

Answer 1

根据开发者指南：

Any plain old Java object (POJO) may be used for data binding, but modifying a POJO will not cause the UI to update.

您可以按照开发人员指南的 "Observable Objects" 部分修改您的对象以更新您的 UI。

https://developer.android.com/topic/libraries/data-binding/index.html#data_objects

Answer 2

如前所述，使用 ObservableFields

public ObservableField<Boolean> checked = new ObservableField<>();

public ObservableField<String> name = new ObservableField<>();

并在 MainActivity 中进行更改

    item = new Item();
    item.checked.set(true);
    item.name.set("a");

    binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
    binding.setItem(item);
}

public void button_onClick(View v) {

    item.checked.set(!(item.checked.get()));
    item.name.set(item.name.get()  + "a");

}

顺便说一下，您可以查看有关数据绑定的博客文章系列 https://medium.com/google-developers/android-data-binding-2-way-your-way-ccac20f6313 and this https://medium.com/@fabioCollini/android-data-binding-f9f9d3afc761

Answer 3

为了更新 UI，字段需要是可观察的。只是更新了我的更改：

import android.databinding.BaseObservable;
import android.databinding.Bindable;

public class Item extends BaseObservable {
    private String name;
    private Boolean checked;
    @Bindable
    public String getName() {
        return this.name;
    }
    @Bindable
    public Boolean getChecked() {
        return this.checked;
    }
    public void setName(String name) {
        this.name = name;
        notifyPropertyChanged(BR.name);
    }
    public void setChecked(Boolean checked) {
        this.checked = checked;
        notifyPropertyChanged(BR.checked);
    }
}

双向数据绑定未更新 UI

Two-Way Databinding not updating UI

android

android-databinding