我想使用Android LiveData
组件的双向数据绑定(as an alternative for Observable fields。这里是CalendarView
和EditText
的简单项目的代码,它显示了点击按钮上的两个信息。
<?xml version="1.0" encoding="utf-8"?>
<layout>
<data>
<variable
name="testDate"
type="android.arch.lifecycle.MutableLiveData<Long>" />
<variable
name="testString"
type="android.arch.lifecycle.MutableLiveData<String>" />
</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文档的错误。请参阅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();
}
尝试在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
does not work.因为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。