真唯一数据源

真唯一数据源

故事还没讲完：点击发帖会展示一个全屏置灰的 loading，发帖按钮展示“发送中...”。若网络不好，则常驻显示“发帖失败请检查网络”（类微信聊天列表顶部效果）。若帖子包含敏感词，则会弹出警告。若发帖成功，则展示一个打钩动画。

按照之前的思路，很容易写出如下的 ViewModel：

class CommunityViewModel : ViewModel() {
    // 按钮状态数据源
    private val _postBtnLiveData = MutableLiveData<PostBtnState>()
    val postBtnLiveData: LiveData<PostBtnState> = _postBtnLiveData
    // loading 数据源
    private val _postingLiveData = MutableLiveData<Boolean>()
    val postingLiveData: LiveData<Boolean> = _postingLiveData
    // 弱网数据源
    private val _poorNetworkLiveData = MutableLiveData<Boolean>()
    val poorNetworkLiveData: LiveData<Boolean> = _poorNetworkLiveData
    // 敏感词数据源
    private val _badWordLiveData = MutableLiveData<String>()
    val badWordLiveData: LiveData<String> = _badWordLiveData
    // 发帖成功数据源
    private val _successLiveData = MutableLiveData<Boolean>()
    val successLiveData: LiveData<Boolean> = _successLiveData
    // 发帖
    fun post(){
        _postingLiveData.value = true
        _postBtnLiveData.value = PostBtnState(text = "发送中..", clickable = false)
        viewModelScope.launch(Dispatchers.IO) {
            val response = api.post()
            // 你猜这样写会有什么问题吗？
            if(response.isFailed){
                _poorNetworkLiveData.postValue(true)
            } else {
                when(response.code) {
                    CODE_BAD_WORD -> _badWordLiveData.postValue("敏感词")
                    else -> _successLiveData.postValue(true)
                }
            }
            _postingLiveData.postValue(false)
            _postBtnLiveData.postValue(PostBtnModel(text = "发送", clickable = true))
        }
    }
}
复制代码

对应地，界面需要观察新增的数据源：

class CommunityActivity : AppCompatActivity() {
    private val viewModel: CommunityViewModel by activityViewModels()
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        // 1. 观察按钮状态
        viewModel.postBtnLiveData.observer(this) { updatePostBtn(it) }
        // 2. 观察 loading 状态
        viewModel.postingLiveData.observer(this) { showLoading(it) }
        // 3. 观察弱网状态
        viewModel.poorNetworkLiveData.observer(this) { showPoorNetwork(it) }
        // 4. 观察敏感词状态
        viewModel.badWordLiveData.observer(this) { showBadword(it) }
        // 5. 观察发帖成功状态
        viewModel.successLiveData.observer(this) { showPostSuccess(it) }
    }
}
复制代码

“发帖”这个业务逻辑的整个生命周期中，用了 5 个数据源来表达。（这仅是社区界面的冰山一角，一长串观察 LiveData 的代码是这种写法的特点）

扑面而来的就是 “复杂度”，为了理解发帖的界面状态，必须得理清 5 个数据源之间的关系。凝视这样的代码，你无法想象出发帖界面会长成什么样子，因为引起它变化的因素太多，每一个数据源的变化都会影响展示。