使用CalendarView进行数据绑定

问题描述 投票:2回答:1

我想使用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相同的功能,那就没有意义,但事实并非如此。

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

android kotlin android-databinding android-livedata calendarview
1个回答
1
投票

There are bunch of bugs, which I found after tracking all classes.

Bug 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();
}

Bug 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());
});

That's why my @InverseBindingAdapter does not work.

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

Fix

您可以通过创建适配器来解决此问题,直到它们无法解决此问题。只需将下面的课程放在项目中,一切都会顺利进行。

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();
                }
            });
        }
    }
}

What I fixed

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

© www.soinside.com 2019 - 2024. All rights reserved.