结合使用CalendarView和数据绑定

时间:2018-09-18 14:47:51

标签: android kotlin android-databinding android-livedata calendarview

我想对Android LiveData组件(as an alternative for Observable fields使用双向数据绑定。这是带有CalendarViewEditText的简单项目的代码,该代码在单击按钮时显示两个信息

<?xml version="1.0" encoding="utf-8"?>
<layout>
<data>
    <variable
        name="testDate"
        type="android.arch.lifecycle.MutableLiveData&lt;Long&gt;" />
    <variable
        name="testString"
        type="android.arch.lifecycle.MutableLiveData&lt;String&gt;" />
</data>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onButtonClick"
        android:text="Show data"/>

    <CalendarView
        android:id="@+id/cal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:date="@={testDate}"/>

    <EditText
        android:id="@+id/str"
        android:text="@={testString}"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</LinearLayout>
</layout>

活动代码:

class MainActivity : AppCompatActivity() {

val liveDate = MutableLiveData<Long>().apply { value = System.currentTimeMillis() }
val liveString = MutableLiveData<String>().apply { value = "Date: " }

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    DataBindingUtil.setContentView<ActivityMainBinding>(this, R.layout.activity_main)
            .also {
                it.testDate = liveDate
                it.testString = liveString

                it.cal.setOnDateChangeListener { view, year, month, dayOfMonth ->
                    Toast.makeText(applicationContext, "${view.date}", Toast.LENGTH_SHORT).show()
                }

            }
}

@TargetApi(Build.VERSION_CODES.O)
fun onButtonClick(view: View) {
    Toast.makeText(this, liveString.value +
            Instant.ofEpochMilli(liveDate.value!!).atZone(ZoneId.systemDefault()).toLocalDate()
            , Toast.LENGTH_SHORT)
            .show()
}
}

双向绑定适用于String,但不适用于日期。我发现this post表示选择的日期实际上与android:date使用的日期有所不同...相当公平,您可以在侦听器中捕获更改日期的操作。问题在于,当存在双向绑定设置时,根本不会触发侦听器setOnDateChangeListener(在以上also {}中应用)。

如果我输入错了,请更正我,但是如果我想获取所选日期,我必须使用OnDateChangeListener。它似乎也与android:date@={...}不兼容,因为使用双向绑定似乎会覆盖我们的侦听器。如果android:date@={...}提供了与OnDateChangeListener相同的功能,那是有道理的,但事实并非如此。

所以最后一个问题是:是否可以通过双向数据绑定以某种方式获取所选日期?

1 个答案:

答案 0 :(得分:1)

在跟踪所有类之后发现了很多错误。

错误1

这是Android文档的错误。请参阅CalendarViewBindingAdapter类。

您可以看到他们已经为android:date创建了绑定适配器,但是没有@InverseBindingAdapter

@BindingAdapter({"android:date"})
public static void setDate(CalendarView view, long date) {
    if (view.getDate() != date) {
        view.setDate(date);
    }
}

// no @InverseBindingAdapter written

但是在documentation上,他们写道CalendarView支持双向绑定。

也许我们会在下一次更新中得到它。

我还尝试添加@InverseBindingAdapter,但这也没有用。

@InverseBindingAdapter(attribute = "android:date", event = "android:dateAttrChanged")
public static long getDateLong(CalendarView view) {
    return view.getDate();
}

错误2

尝试在setOnDateChangeListener上设置CalendarView,您将始终获得相同的日期。

以下内容不起作用

binding.cal.setOnDateChangeListener((view, year, month, dayOfMonth) -> {
     Log.d(TAG, "aLong: " + new Date(view.getDate()).toString());
});

以下作品

binding.cal.setOnDateChangeListener((view, year, month, dayOfMonth) -> {
    Log.d(TAG, "aLong: " + new Date(year, month, dayOfMonth).toString());
});

这就是为什么我的@InverseBindingAdapter无法正常工作的原因。

因为calendarView.getDate()给出的日期不正确。

修复

您可以通过创建适配器来解决此问题,直到他们没有解决此问题为止。只需将其放在项目的下层,一切都将正常运行。

public class CalendarViewBindingAdapter {
    @BindingAdapter(value = {"android:onSelectedDayChange", "android:dateAttrChanged"},
            requireAll = false)
    public static void setListeners(CalendarView view, final CalendarView.OnDateChangeListener onDayChange,
                                    final InverseBindingListener attrChange) {
        if (attrChange == null) {
            view.setOnDateChangeListener(onDayChange);
        } else {
            view.setOnDateChangeListener(new CalendarView.OnDateChangeListener() {
                @Override
                public void onSelectedDayChange(CalendarView view, int year, int month,
                                                int dayOfMonth) {
                    if (onDayChange != null) {
                        onDayChange.onSelectedDayChange(view, year, month, dayOfMonth);
                    }
                    Calendar instance = Calendar.getInstance();
                    instance.set(year, month, dayOfMonth);
                    view.setDate(instance.getTimeInMillis());
                    attrChange.onChange();
                }
            });
        }
    }
}

我修复的问题

我只是将日期设置为CalendarView(view.setDate()),以前是0。