组件与素材的通用属性
每个组件和素材都包含以下通用属性:样式 - 基础设置 和动作。
样式
选中任意组件或素材后,在弹出的设置窗口中,点击样式选项卡,展开基础设置,即可灵活调整尺寸、位置、旋转角度和不透明度等参数,满足不同场景的个性化需求。
| 类别 | 属性 | 说明 |
|---|---|---|
| 尺寸 | 宽 | 组件的宽度。 |
| 高 | 组件的高度。 | |
| 位置 | X | 组件距离画板左侧的距离,数值越大越靠右。 |
| Y | 组件距离画板顶部的距离,数值越大越靠下。 | |
| 其他 | 旋转 | 组件绕中心点旋转的角度,范围 0 ~ 360。 |
| 不透明度 | 组件的不透明度,数值越大越不透明,范围 0 ~ 100。 |
动作
选中任意组件后,在弹出的组件设置窗口中,点击动作选项卡,即可配置点击交互行为,触发并以弹窗、侧边抽屉或页面跳转等视图访问链接。
| 属性 | 说明 |
|---|---|
| 打开视图类型 |
|
| 链接类型 |
|
当视图类型为抽屉时
当打开视图类型设置为 抽屉 时,会发生以下属性变化:
-
Studio 下新增模板类型,可选枚举为:
页面、容器模板。- 当选择为
页面时,您需要在选择模板弹窗中选择模板。 - 当选择为
容器模板时,您需要选择容器模板和模板数据源。
- 当选择为
-
新增抽屉样式,包含属性如下:
属性 子属性 说明 预览 是否支持抽屉预览。 方向 抽屉弹出的方向(如左、右、上、下)。 模态对话框 是否为模态对话框。 内边距 内容区域离抽屉边缘的距离。 填充 颜色 抽屉背景填充色。 描边 粗细 描边线条的宽度。 颜色 描边线条的颜色。 线段类别 如实线、虚线等。 阴影 阴影类别 如外阴影、内阴影,具体类型待补充。 参数 如 X/Y 偏移、模糊半径、扩散等,可用数组表示。 颜色 阴影的颜色。