前言

最近在項(xiàng)目中開始使用 Databinding，其中有一個(gè)需求是實(shí)現(xiàn)一個(gè) Spinner 列表。發(fā)現(xiàn)網(wǎng)上大部分的例子都是通過 @BindingAdapter 的方式去獲取 Item 被選中的值，這樣處理起來比較麻煩。下面介紹一種簡單的方式，筆者在項(xiàng)目中使用了 LiveData 和 ViewModel，以下基于此實(shí)現(xiàn)。

實(shí)現(xiàn)

首先添加 LiveData 和 ViewModel 的依賴：

  implementation 'android.arch.lifecycle:extensions:1.1.1'

1. 新建 SpinnerViewModel 類，來存儲(chǔ) UI 相關(guān)的數(shù)據(jù)

class SpinnerViewModel : ViewModel() {

    // Spinner Adapter 需要的數(shù)據(jù)源
    val items = arrayListOf("蒼井空", "波多野結(jié)衣", "武藤蘭", "瀧澤蘿拉")

    //  條目選中的位置
    val itemPosition = MutableLiveData<Int>()

    // 選擇的條目
    private val selectItem
        get() = itemPosition.value?.let {
            items.get(it)
        }

    fun choose() {
        println("選擇的是: $selectItem")
    }
}

2. 在 xml 中進(jìn)行綁定

<?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"
        xmlns:tools="http://schemas.android.com/tools">

    <data>

        <variable
                name="viewModel"
                type="com.i3kmsteady.databindingsample.ui.SpinnerViewModel"/>
    </data>

    <android.support.constraint.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:padding="10dp"
            tools:context=".ui.SpinnerActivity">

        <android.support.v7.widget.AppCompatTextView
                android:id="@+id/tvName"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/familiar_with"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintTop_toTopOf="parent"/>

        <android.support.v7.widget.AppCompatSpinner
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20dp"
                android:entries="@{ viewModel.items }"
                android:selectedItemPosition="@={ viewModel.itemPosition }" // 雙向綁定 @=
                app:layout_constraintLeft_toRightOf="@id/tvName"
                app:layout_constraintRight_toRightOf="parent"/>

        <Button
                android:id="@+id/btnChoose"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/your_choose"
                android:onClick="@{ () -> viewModel.choose()}"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent"/>

    </android.support.constraint.ConstraintLayout>
</layout>

3. 在 Activity 中建立聯(lián)系

class SpinnerActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_spinner)
        val viewModel = ViewModelProviders
            .of(this)
            .get(SpinnerViewModel::class.java)
        val binding: ActivitySpinnerBinding = DataBindingUtil.setContentView(this, R.layout.activity_spinner)
        binding.let {
            it.viewModel = viewModel
            it.setLifecycleOwner(this)
        }
    }
}

這樣在我們點(diǎn)擊按鈕的時(shí)候，就可以獲取到 Item 的值。以上代碼托管在 GitHub。

結(jié)語

實(shí)現(xiàn)特別簡單，主要是利用了 Databindig 雙向綁定的特性。在此也特別感謝 卻把清梅嗅 的指導(dǎo)。