Keel GitHub

Skeleton

在线示例:这是真实的 Keel 程序编译成 WebAssembly,可以直接操作。首次加载约 10 MB。全屏打开

kit.Skeleton().W(el.Dp(240)).H(el.Dp(16)) 创建灰色加载占位,默认铺满宽度、高 16dp。Circle 绘制居中的圆形,常与相同宽高搭配。Shimmer 启用扫光,默认使用明暗脉冲。

动画基于 cx.Now 并通过 cx.Animating 请求帧;减少动画时保持静态。Skeleton 是装饰,不暴露 Agent 语义,不处理键盘。Shimmer 是选项,不是独立组件。

验证:go run ./examples/components -section skeleton -theme dark,省略 theme 查看浅色。示例按钮切换减少动画;像素测试注入帧时间验证两种动画及静止状态。

Secondary(true) 将整个占位图形(包括脉冲或扫光)透明度减半,Secondary(false) 恢复。Rounded(dp) 自定义矩形圆角,0 为直角,默认为 RadiusSm;负数、NaN、无穷值忽略,绘制时限制到短边的一半。Rounded 与 Circle 后调用者生效;Circle 在非正方形区域中仍绘制居中圆形。颜色每帧读取主题,减少动画时仍保留圆角与次级色阶。