我想对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
相同的功能,那是有道理的,但事实并非如此。
所以最后一个问题是:是否可以通过双向数据绑定以某种方式获取所选日期?
答案 0 :(得分: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();
}
尝试在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。