当前位置:首页 > 谈天说地 > 正文内容

Android开发Compose remember原理解析

34资源网2022年07月30日 10:58231

正文

看过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"
        }
    }
}

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

  • 由composer作为存储控制
  • 无值时,走初始化逻辑并返回值,同时存储该值;有值时,直接返回已存储的值

颜色的“值不变”清楚了,那点击计数的“值变”又是怎么回事呢?

其实如出一辙,只是点击计数remember的,不是普通值,而是一个 mutablestate 类型。这样一来,它就有两层含义了:

  • mutablestate对象本身在整个composition生命周期不变 —— 即类似普通值的状态一致性
  • mutablestate对象所存储的实际值,可变 —— 这用以触发recomposition,并且获取更新值

小结

remember 的存在,其实就是 compose 机制下的产物,用以解决recomposition时的值恢复问题。而因为它的“值不变”特性,还可以用来解决耗时计算的问题,即,耗时计算被remember了,那它就只会执行一次,避免了不必要的额外开销

以上就是android开发compose remember原理解析的详细内容,更多关于android开发compose remember的资料请关注萬仟网其它相关文章!

看完文章,还可以用支付宝扫描下面的二维码领取一个支付宝红包,目前可领1-88元不等

支付宝红包二维码

除了扫码可以领取之外,大家还可以(复制 720087999 打开✔支付宝✔去搜索, h`o`n.g.包哪里来,动动手指就能领)。

看下图所示是好多参与这次活动领取红包的朋友:

支付宝红包

扫描二维码推送至手机访问。

版权声明:本文由34楼发布,如需转载请注明出处。

本文链接:https://www.34l.com/post/20058.html

分享给朋友:

相关文章

美国的穷人到底有多穷?
美国的穷人到底有多穷?

一直以来,美国总是以世界上最发达、最先进的国家自居。但实际上,美国在消除贫困上并没有做到世界上最发达国家应有的水准,全美国还有近七分之一的人在贫困线以下挣扎,他们生活中的心酸鲜有人知,与电视中所展示的“美国梦”形成巨大反差。近百年来,加利福...

互联网公司好日子到头,逻辑彻底变了
互联网公司好日子到头,逻辑彻底变了

好日子到头了,逻辑彻底变了,互联网公司已经不再是香饽饽。有两个重要的信号。一是资本不能无序扩张;二是互联网平台税率上调;前者直接宣布现在的那些玩家,你们继续玩,这没关系。但是想要通过资本野蛮扩大,不公平竞争,这就甭想了。后者直接影响到了互联...

卡斯数据是干什么的(免费大数据查询平台)
卡斯数据是干什么的(免费大数据查询平台)

短视频/直播电商不负众望,成为2020年品牌营销最热关键词。G2格局下两大顶流——抖音和快手,也自然吸引了各方关注。相较抖音而言,快手独特的老铁氛围像自带结界,不懂“规矩”的内容创作者和品牌方在这里寸步难行。 究竟快手直播电商现状如何?什...

直播间里“拆盲盒”,二手电商平台「Whatnot」拆出15亿美元丨快鲤鱼海外
直播间里“拆盲盒”,二手电商平台「Whatnot」拆出15亿美元丨快鲤鱼海外

靠着直播带货和“拆盲盒”,二手潮品电商平台 Whatnot 在今年已经完成了3轮融资,公司估值达到 15 亿美元,成立2年便跻身独角兽之列。 通过商品认证转卖、直播拍卖、直播间开“盲盒”等看似有点“中国味”的玩儿法,Whatnot一改美国...

董明珠还需要几个网红?
董明珠还需要几个网红?

编者按:本文来自科技新知,创业邦经授权发布。 作者丨李哩哩 编辑丨月见 一个网红,就是一个渠道。八个网红,就是八个渠道。 董明珠应该进一步向罗永浩看齐。 12月1日,交个朋友直播间发布了名为“交个朋友宇宙”的文章,文章介绍罗永浩...

ajax请求步骤详细代码(前端ajax请求的五个步骤)
ajax请求步骤详细代码(前端ajax请求的五个步骤)

由于在工作中需要使用AJAX请求其他域名下的请求,但是会出现拒绝访问的情况,这是因为基于安全的考虑,AJAX只能访问本地的资源,而不能跨域访问。 比如说你的网站域名是aaa.com,想要通过AJAX请求bbb.com域名中的内容,浏览...