CapDriveRepeatedLayout
在裁切窗口中周期性复制一份图案，适合连续移动的刻度和罗盘。period 设置重复间隔，value 与 anchor 确定当前值对齐的位置。
示例
function main() {
return (
<RepeatedLayout axis="horizontal" period={120} value={76} anchor={0.5}>
<Text width={120}>N</Text>
</RepeatedLayout>
);
}
用法说明
- children 定义一份图案，period 定义重复周期。value 对到 anchor：value 增大时图案反向移动；offset 再追加点数偏移。both 同时横向和纵向复制，使用 {x,y} 可分别控制两个方向。内容始终裁切在窗口内。
- 布局先决定占位，再应用 x/y 和 transform。把一个子 View 右移 20 点，不会把后面的兄弟推开；要改变间隔用 spacing 或 Spacer。旋转、缩放会作用于已经绘制好的整个 View。
属性
children?ViewContent子视图内容。
axis?"horizontal" | "vertical" | "both"沿 horizontal 横向、vertical 纵向或 both 双向重复；both 形成网格副本。
"horizontal"period?RepeatAxisValue相邻副本的间距，单位为点；x/y 可分别指定两个方向的周期。
360value?RepeatAxisValue要对齐到 anchor 的内容坐标。数值增大时副本向反方向移动，它不是移动速度。
$data.current.heading?.direction ?? 0anchor?RepeatAxisValue视口内的位置比例：0 是起点，0.5 是中间，1 是终点。
0.5offset?RepeatAxisValue将 value 对齐到 anchor 后额外增加的偏移，单位为点。
0alignment?"topLeading" | "top" | "topTrailing" | "leading" | "center" | "trailing" | "bottomLeading" | "bottom" | "bottomTrailing"叠放的子 View 在容器中的对齐位置，支持四角、四边及中心共九种位置。
"topLeading"通用属性
width?number | "auto" | "fill"宽度：点数、自动测量或填满父区域。
100height?number | "auto" | "fill"高度：点数、自动测量或填满父区域。
80padding?number内容内边距，单位为点。
0x?number视觉偏移，单位为点：x 向右、y 向下，不改变布局占位。
0y?number视觉偏移，单位为点：x 向右、y 向下，不改变布局占位。
0transform?ViewTransform对整个 View 做视觉变换，不改变布局。平移用点，旋转和倾斜用角度，缩放 1 保持原大小，锚点用 0–1。
{rotation: 0}background?Paint背景填充，可使用颜色或渐变；clear 表示透明。
"clear"opacity?number整个 View 的不透明度：0 完全透明，1 完全不透明。
1cornerRadius?number圆角半径，单位为点。
0clip?"rectangle" | "ellipse"裁剪形状：rectangle 矩形或 ellipse 椭圆。Material 还可用 false 关闭裁剪。
"rectangle"mask?View | null透明度遮罩 View，居中显示且不影响布局；null 表示不使用遮罩。
<Circle width="fill" height="fill" background="white"/>zIndex?number同级 View 的绘制顺序，数值越大越靠前。
0blur?number模糊半径，单位为点；0 表示不模糊。
4innerShadow?DrawingEffect特效的颜色、不透明度、模糊半径和 x/y 偏移；距离单位为点。
{color: HDR("black"), opacity: 0.5, radius: 4, x: 0, y: 2}glow?DrawingEffect特效的颜色、不透明度、模糊半径和 x/y 偏移；距离单位为点。
{color: HDR("cyan"), radius: 8, opacity: 0.8}shadowColor?Color外部阴影的颜色。
HDR("black")shadowOpacity?number外部阴影的不透明度，范围 0–1；0 隐藏阴影。
0shadowRadius?number外部阴影的模糊半径，单位为点。
4shadowX?number外部阴影偏移，单位为点：x 向右，y 向下。
0shadowY?number外部阴影偏移，单位为点：x 向右，y 向下。
2animations?Animation[]支持的属性变化时执行动画。duration/delay 单位为秒；from/to 指定端点；repeat 和 autoreverse 控制重复，wrap 指定周期。
[{property: "opacity", duration: 0.25, curve: "easeInOut"}]key?string | number兄弟节点中的稳定标识。
组合示例
function main() {
return (
<RepeatedLayout
width={240}
height={140}
axis="both"
period={{ x: 80, y: 50 }}
value={{ x: 40, y: 25 }}
anchor={{ x: 0.5, y: 0.5 }}
alignment="center"
>
<Symbol name="plus" fontSize={20} color={$env.accent} />
</RepeatedLayout>
);
}
动画
widthheightpaddingxyopacitybackgroundcornerRadiusblurshadowColorshadowOpacityshadowRadiusshadowXshadowYperiodvalueanchoroffsettransform.translateXtransform.translateYtransform.scaleXtransform.scaleYtransform.rotationtransform.skewXtransform.skewYtransform.anchorXtransform.anchorYperiod.xperiod.yvalue.xvalue.yanchor.xanchor.yoffset.xoffset.y省略时的行为
下表只列经实现核对的省略行为；属性旁的示例是可复制写法，不是默认值。需要固定效果时显式传值，尺寸、主题颜色等随上下文变化的属性不要当作固定常量。