Modifier源码，Kotlin高阶函数用的真6

最新推荐文章于 2025-07-15 15:31:41 发布

原创

最新推荐文章于 2025-07-15 15:31:41 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#android

本文深入探讨JetPack Compose中的Modifier接口，讲解Modifier如何通过then方法构建组合，以及foldIn和foldOut函数在遍历Modifier链中的作用。Modifier是控制UI组件行为和外观的关键，通过Modifier.Element接口和CombinedModifier类实现链式操作。foldIn和foldOut函数分别从前向后和后向前遍历Modifier链，提供了灵活的操作方式。

在 JetPack Compose 中, 经常会用到 Modifier，它可以控制组件的行为和外观如大小，背景等，还可以添加一些交互，如点击、滑动等。Modifier 功能很强大。Modifier 核心代码不到100行，Modifier 中把 Kotlin 高级函数用的很 6，以至于初看代码有点懵 😵 。所以打算写此文章来学习一下 Modifier 中代码是如何执行的。Modifier 核心源码如下 Modifier.kt

interface Modifier {
   
   
    fun <R> foldIn(initial: R, operation: (R, Element) -> R): R

    fun <R> foldOut(initial: R, operation: (Element, R) -> R): R

    fun any(predicate: (Element) -> Boolean): Boolean
    
    fun all(predicate: (Element) -> Boolean): Boolean

    infix fun then(other: Modifier): Modifier =
        if (other === Modifier) this else CombinedModifier(this, other)

    interface Element : Modifier {
   
   
        override fun <R> foldIn(initial: R, operation: (R, Element) -> R): R =
            operation(initial, this)

        override fun <R> foldOut(initial: R, operation: (Element, R) -> R): R =
            operation(this, initial)

        override fun any(predicate: (Element) -> Boolean): Boolean = predicate(this)

        override fun all(predicate: (Element) -> Boolean): Boolean = predicate(this)
    }


    companion object : Modifier {
   
   
        override fun <R> foldIn(initial: R, operation: (R, Element) -> R): R = initial
        override fun <R> foldOut(initial: R, operation: (Element, R) -> R): R = initial
        override fun any(predicate: (Element) -> Boolean): Boolean = false
        override fun all(predicate: (Element) -> Boolean): Boolean = true
        override infix fun then(other: Modifier): Modifier = other
        override fun toString() = "Modifier"
    }
}

class CombinedModifier(
    private val outer: Modifier,
    private val inner: Modifier
) : Modifier {
   
   
    override fun <R> foldIn(initial: R, operation: (R, Modifier.Element) -> R): R =
        inner.foldIn(outer.foldIn(initial, operation), operation)

    override fun <R> foldOut(initial: R, operation: (Modifier.Element, R) -> R): R =
        outer.foldOut(inner.foldOut(initial, operation), operation)

    override fun any(predicate: (Modifier.Element) -> Boolean