Fragment 共享數據新姿勢

多個 Fragment 之間共享數據是很常見的需求,常見的做法是在 Fragment 中通過 Activity 來通知另外另外的 Fragment,或者使用 EventBus 等三方庫來實現。

Google 推出的 Jetpack 給我們提供了很多有用的工具,其中 ViewModel 和 LiveData 是最常用的工具之一,通過這兩個工具我們可以使用新的姿勢來實現 Fragment 之間共享數據。

假設我們需要實現下面的效果,模擬 activity 和 viewpager 中的 Fragment 相互通信, Fragment 中修改數據另外的 Fragment 和 Activity 中跟着一起修改,Activity 中修改數據也能修改 Fragment 中的數據。
在這裏插入圖片描述

首先,我們定義 ViewModel

class ViewModelTestViewModel : ViewModel() {
    val data = MutableLiveData(0)
    val str = data.map {
        it.toString()
    }

    fun updateData(value: Int) {
        data.postValue((data.value ?: 0) + value)
    }
}

在 Fragment 中使用,通過 databinding 進行數據綁定,當然不使用 databinding 直接監聽 livedata 也是可以的。

 override fun onActivityCreated(savedInstanceState: Bundle?) {
        super.onActivityCreated(savedInstanceState)
        // 這裏使用 activity
        viewModel = ViewModelProvider(activity!!).get(ViewModelTestViewModel::class.java)
        binding.data = viewModel
        binding.lifecycleOwner = activity

        binding.plus.setOnClickListener {
            viewModel.updateData(1)
        }

        binding.minus.setOnClickListener {
            viewModel.updateData(-1)
        }
    }

注意上面在創建 ViewModel 的時候傳的參數是 activity 而不是 Fragment。

在 Activity 中使用

 override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        viewModel = ViewModelProvider(this).get(ViewModelTestViewModel::class.java)

        binding = DataBindingUtil.setContentView(this, R.layout.view_model_test_activity)

        binding.lifecycleOwner = this
        binding.data = viewModel

        binding.viewPager.adapter = MyAdapter(this)

        binding.plus.setOnClickListener {
            viewModel.updateData(1)
        }

        binding.minus.setOnClickListener {
            viewModel.updateData(-1)
        }
    }

這樣我們就能實現不同 Fragment 之間數據交互了。

完整代碼見 github

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章