自定义

手动处理事件、渲染，自由地制作DSL组件。

context(ctx: DslContext)
fun MyComponent(
    modifier: Modifier = Modifier,
    color: Color,
    id: Any
) = collect(
    object: DslComponent by DslComponentImpl(newChildId(id), modifier) {
        var prop by remember(false)

        context(eventModifier: EventModifier, mouse: Position)
        override fun mouseDown(mouseButton: MouseButton): Boolean {
            //...
        }
    }
)

向collect()传入一个DslComponent，就会把这个组件加入到外部的作用域中（如Row，Box）。在这里也可以使用remember等函数来存储状态。

context(ctx: DslContext)
fun DslChild.myDecorator(
    modifier: Modifier = Modifier,
    color: Color,
    id: Any
) = change {
    object: DslComponent by it {
        var prop by remember(false)

        context(eventModifier: EventModifier, mouse: Position)
        override fun mouseDown(mouseButton: MouseButton): Boolean {
            //...
        }
    }
}

向change传入一个(DslComponent) -> DslComponent，能override其中的函数，给一个已有组件加上装饰。

接口委托

DslComponent是一个接口，DslComponentImpl是一个final类。接口委托可以达到接近于继承final类的效果。

val component = object:DslComponent by DslComponentImpl(modifier,id) {}

接口委托把一个对象的接口函数转发到一个新对象上。无论原对象的类型是什么，包括final class，匿名object，还是普通的open class，都能转发并override其中的接口函数。

这种模式的好处是委托并不侵入修改原对象，减少了逻辑上的混乱。缺点是委托是编译期产生，如果接口有修改，需要重新编译（建议执行./gradlew clean避免编译缓存造成的bug）。

this super instance delegate的区别

DslComponent有instance这个成员。设计这个成员是因为每次委托都产生一个新对象，所以一级装饰无法获得后级装饰的结果。

context(eventModifier: EventModifier, mouse: Position)
override fun mouseDown(mouseButton: MouseButton): Boolean {
    if(delegate.focusable) {
        // ...
        return true
    }
    return delegate.mouseDown(mouse,mouseButton)
}

在下一级装饰中

override val focusable get() = true

如果不传instance，前一级装饰不知道组件的focusable已经被设为了true，造成逻辑错乱。

instance的值应该在build()前被正确设置，必须是已经加上全部装饰后的最终DslComponent对象。

delegate访问的是前一级装饰后的对象。这个名称不是固定的，比如上一个例子里是it。this访问的是当前装饰产生的对象。super访问的是接口，调用的是接口中的默认实现。instance是最终装饰完成的对象。

布局过程

build()，layoutHorizontal()，layoutVertical()，render()这四个函数会依次被调用。

构建一个组件时需要保证调用顺序，但是不需要一一对应。例如：LazyColumn在自身的layoutVertical()中才开始调用子组件的build()，因为此时才知道有哪些组件需要构建。

子控件需要实现outerMinHeight和outerMinWidth供外部读取，让父控件在layout时给它分配至少这么多空间（不一定遵循）。

先水平布局再竖直布局的原因是TextAutoFold需要先确定宽度，才知道高度。如果反过来调用，会导致outerMinHeight不能正确计算。。

---

Table of contents

• Events