自定义视图上的双向数据绑定自定义属性

Dan*_*ore 3 data-binding android kotlin

我很难实现从片段的视图模型到自定义视图上的属性的双向绑定。双向绑定 aString到 an没有问题EditText,单向绑定可以很好地满足我的自定义SearchView。但是当我更改"@{vm.entry.item}""@={vm.entry.item}"自定义视图时,项目将无法编译,并抛出:

错误:找不到符号导入com.test.test.databinding.FragmentTestBindingImpl;

我已经阅读这样的教程有一段时间了,并尝试摆弄BindingAdapters,但没有运气。感觉我只是错过了一些明显的东西。

科特林

data class TestModel(
  var item: String? = null,
  var quantity: String? = null
)

class TestViewModel : ViewModel() {
  val entry = TestModel()
}

class TestFragment : Fragment() {

  private val vm: TestViewModel by lazy {
    ViewModelProvider(this).get(TestViewModel::class.java)
  }

  override fun onCreateView(
    inflater: LayoutInflater,
    parent: ViewGroup?,
    savedInstanceState: Bundle?
  ): View {
    val binding: FragmentTestBinding =
      DataBindingUtil.inflate(inflater, R.layout.fragment_test, parent, false)
    binding.setVariable(BR.vm, vm)
    binding.lifecycleOwner = viewLifecycleOwner
    return binding.root
  }
}

class SearchView(context: Context, attrs: AttributeSet) : FrameLayout(context, attrs, 0) {

  var selected: String? = null

  init {
    inflate(context, R.layout.view_search, this)

    val input: AutoCompleteTextView = findViewById(R.id.search_input)
    input.threshold = 1
    input.setAdapter(SearchAdapter(context))

    input.setOnItemClickListener { adapterView, _, position, _ ->
      val item: SearchModel = adapterView.getItemAtPosition(position) as SearchModel
      input.setText(item.name)
      selected = item.code
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

片段布局

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <data>
        <variable
            name="vm"
            type="com.test.test.ui.TestViewModel" />
    </data>

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

        <com.test.test.ui.views.SearchView
            android:id="@+id/test_search"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:selected="@={vm.entry.item}" />

        <EditText
            android:id="@+id/test_edit_text"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@={vm.entry.quantity}" />

    </LinearLayout>

</layout>
Run Code Online (Sandbox Code Playgroud)

搜索视图布局

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/paddingDouble"
    android:orientation="horizontal">

    <AutoCompleteTextView
        android:id="@+id/search_input"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</merge>
Run Code Online (Sandbox Code Playgroud)

Dan*_*ore 5

事实证明答案一直在文档中(疯狂,对吧?)。

关键的要点似乎是将[Inverse]BindingAdapter函数包装在伴随对象中是不够的。它们还必须用@JvmStatic进行注释。

我的完整自定义视图现在看起来像:

class SearchView(context: Context, attrs: AttributeSet) : FrameLayout(context, attrs, 0) {

  var selected: String? = null

  init {
    inflate(context, R.layout.view_search, this)
  }

  companion object {
    @BindingAdapter("selectedAttrChanged")
    @JvmStatic
    fun setListener(view: SearchView, listener: InverseBindingListener) {
      val input: AutoCompleteTextView = view.findViewById(R.id.search_input)
      input.threshold = 1
      input.setAdapter(SearchAdapter(view.context))
      input.setOnItemClickListener { adapterView, _, position, _ ->
        val item: SearchModel = adapterView.getItemAtPosition(position) as SearchModel
        input.setText(item.name)
        selected = item.code
        listener.onChange()
      }
    }

    @BindingAdapter("selected")
    @JvmStatic
    fun setTextValue(view: SearchView, value: String?) {
      if (value != view.selected) view.selected = value
    }

    @InverseBindingAdapter(attribute = "selected")
    @JvmStatic
    fun getTextValue(view: SearchView): String? = view.selected
  }
}
Run Code Online (Sandbox Code Playgroud)