当前位置：首页 > 谈天说地

Android开发Compose remember原理解析

34资源网2022-07-30550

正文

看过compose案例或者源码的你，相信肯定是见过 remember 了的。顾名思义，compose是要让我们的代码“记住”东西，那到底是记住什么呢？要是不 remember，相关功能就实现不了了吗？

带着这些问题，来一探究竟吧

随机色文本

假设有这么一个“随机底色文本”的需求：实现一个 text，其背景色每次启动都随机产生，且生命周期内不变

用compose可以实现如下：

private val items = arrayof(color.red, color.gray, color.magenta, color.blue, color.green, color.cyan)
@composable
fun colortext(name: string) {
    val color = items.random()
    val clicked = mutablestateof(0)
    log.d("ct", "ui compose")
    column {
        text(
            text = "i'm colored: ${clicked.value}", modifier = modifier
                .padding(16.dp)
                .background(color)
                .clickable {
                    log.d("ct", "clicked")
                    clicked.value = clicked.value + 1
                }
        )
    }
}

text 调用 modifier.background，设置随机从items中取的颜色，每次新的启动，都可能不一样

然而很遗憾，上面的背景色虽然是随机产生，但是单次生命周期里，就可能发生变化 —— 比如点击一下文本，如下图：

更奇怪的是，改变的 clicked 值，并没有如预期一样生效，一直是0……

现象和代码不一？

原因分析

首先，上述代码中的“点击计数” clicked，仅仅是为了测试而存在。因为它是一个 mutablestate 对象，点击后改变其值，会触发recomposition流程，于是组件刷新。这样一来，color 的值将重新由随机函数算出，我们就看到背景色在变化了

同理，虽然我们好像在点击的时候改变了 clicked 的值，希望像view系统一样，界面直接响应响应。但是，因为recomposition的存在，它又被重新构造了，所以其值还是0

正确实现

要实现背景色的整个生命周期固定，但点击文本后，点击计数要更新，应该这么做：

@composable
fun colortext(name: string) {
    val color = remember { items.random() }
    val clicked = remember { mutablestateof(0) }
    //...
}

仅仅将color和clicked由 remember 包裹起来就解决了问题

remember的原理剖析

前面功能的实现，全仗着remember的加持。它究竟是个啥？

我们先从颜色的remember着手，它调用的是这个：

@composable
inline fun <t> remember(calculation: @disallowcomposablecalls () -> t): t =
    currentcomposer.cache(false, calculation)

其注释写明了两个关键点，这也是它的功能描述：

记忆由calculation返回的值，仅在composition中执行
在recomposition过程中，不会重新计算，而是直接返回第1步的值

那么这又是怎么做到的呢？

进一步的相关代码：

@composecompilerapi
inline fun <t> composer.cache(invalid: boolean, block: () -> t): t {
    @suppress("unchecked_cast")
    return rememberedvalue().let {
        // 无效或empty值时，走if流程，计算并保存值，否则直接返回
        // remember传入的invalid为false，所以肯定走值判断
        if (invalid || it === composer.empty) {
            val value = block()
            updaterememberedvalue(value)
            value
        } else it
    } as t
}
// 要么返回composer.empty ，要么返回传给updaterememberedvalue的值
@composecompilerapi
fun rememberedvalue(): any?
// 更新调用rememberedvalue()后的值，且此值在下一次调用rememberedvalue()时返回
@composecompilerapi
fun updaterememberedvalue(value: any?)
interface composer {
    // ....
    companion object {
        /**
         * 用于标记无值的状态
         */
        val empty = object {
            override fun tostring() = "empty"
        }
    }
}

从上述代码注释中，基本上已经对原理很清楚了，简单地说就是：