形状 Shape

画一个几何形状,常用于装饰、背景、分隔线、进度条底色。

用法

从编辑器右上角 ➕ 添加 shape,在"内容"字段选形状名:

内容	形状
circle	圆 ⚫
rectangle	矩形
roundedrectangle	圆角矩形
ellipse	椭圆
capsule	胶囊

常用属性

属性	说明
宽 / 高	尺寸
颜色	填充色,支持渐变
圆角	圆角矩形专用
旋转 / 偏移	特效
透明度	0~1

例:做一个简单进度条

外层 zstack,放两个形状:

层	类型	宽	颜色
底	rectangle	100	灰色
上	rectangle	{percent}	主题色

JS 里 this.percent = 60 → 进度条到 60%。

想要更专业的进度?

试试 仪表 Gauge — 圆环 / 弧线 / 进度条都自带样式。