属性编辑

右侧属性页签，展示当前组件与样式相关的配置，通过通用属性、通用样式、组件属性三个折叠面板进行分类编辑，方便您快速定位和调整组件的各项属性。

通用属性

通用属性为所有组件共有的基础信息配置，用于标识和管理组件：

配置项	说明
组件名称	组件的显示名称，便于在图层树中识别
组件类型	组件的注册名，表示组件的具体类型（如按钮、图片、表格等）
组件ID	系统自动生成的唯一标识符，支持复制和手动刷新
组件实例	组件的别名，可自定义修改，便于在同一类型多个组件中进行区分

WARNING

通常无需手动刷新组件ID。如果其他功能依赖该ID进行引用（如联动、事件绑定等），手动刷新ID会导致引用失效，请谨慎操作。

WARNING

组件实例，强烈建议按业务命名区分，在后续批量操作等场景能快速根据名称进行区分

通用样式

通用样式用于控制组件在画布中的位置、尺寸及响应行为：

基础定位

配置项	说明
x坐标	组件左上角相对于画布左侧的距离（left 属性值）
y坐标	组件左上角相对于画布顶部的距离（top 属性值）
旋转角度	组件围绕中心点旋转的角度（单位：度）
宽	组件的宽度（width 属性值）
高	组件的高度（height 属性值）
不透明度	组件的透明度，范围 0~1，0 为完全透明，1 为完全不透明
隐藏	控制组件是否在画布中显示

响应式布局（画布缩放时生效）

加载器渲染时，尺寸大于设计尺寸，配置适配方式时，以下配置决定组件的自适应行为：

配置项	说明
水平设置	控制放大时组件 left 值的计算方式。 • 浮动计算（默认）：按比例缩放 • 固定左侧：left 值保持不变 • 固定右侧：组件右侧到画布边缘的水平距离保持不变 • 固定中间：组件中心点在画布水平中间位置
宽度设置	控制放大时组件 width 值的计算方式。 • 浮动计算（默认）：按比例缩放 • 固定宽度：宽度保持不变 • 铺满整宽：宽度随画布缩放，可配合“宽度铺满预留”设置预留
宽度铺满预留	当“宽度设置”选择“铺满整宽”时，预留的宽度（单位：px）
垂直设置	控制放大时组件 top 值的计算方式。 • 浮动计算（默认）：按比例缩放 • 固定顶部：top 值保持不变 • 固定底部：组件底部到画布底部的距离保持不变 • 固定中间：组件垂直中心点在画布垂直中心位置
高度设置	控制放大时组件 height 值的计算方式。 • 浮动计算（默认）：按比例缩放 • 固定高度：高度保持不变 • 铺满整高：高度随画布缩放，可配合“高度铺满预留”设置边距
高度铺满预留	当“高度设置”选择“铺满整高”时，垂直方向预留（单位：px）
缩放旋转	对于已设置旋转角度的组件，缩放时是否考虑旋转角度进行计算。 • 不勾选（默认）：按未旋转状态进行缩放 • 勾选：按旋转后的实际方向进行缩放

WARNING

• 铺满整宽与宽度铺满预留的组合效果可能不完全符合预期。对于复杂的自适应布局需求，建议使用布局容器类组件（如栅格布局、弹性布局）来实现更可控的效果。
• 包含旋转角度的组件在进行缩放时，计算逻辑较为复杂，实际效果可能与预期存在偏差，请根据实际效果微调参数。

编辑器辅助

配置项	说明
显示虚线边框	编辑状态下是否显示组件外围的虚线框，不影响最终导出效果

组件属性

组件属性面板展示当前组件特有的属性配置，不同组件的配置项各不相同。例如：

• 按钮组件：按钮文字、按钮类型、禁用状态等
• 图片组件：图片地址、填充模式、圆角等
• 表格组件：列配置、数据源、分页设置等

各组件具体的属性说明，请参考对应的组件文档。