事件排版
事件排版控制系统在场景中事件按钮的排列方式。排版默认由主题全局控制,也可在单个场景中独立设定。
设定位置
- 全局默认:
主题 → 场景 → 事件排版预设 - 场景覆盖:
场景 → 事件排版(设定后将忽略主题设定)
排版属性
版式(flexDirection)
控制事件按钮的排列方向:
| 值 | 说明 |
|---|---|
row | 横向排列(默认) |
row-reverse | 横向排列 - 反向 |
column | 竖向排列 |
column-reverse | 竖向排列 - 反向 |
布局(justifyContent)
控制事件在主轴上的分布方式:
| 值 | 说明 |
|---|---|
flex-start | 起点对齐 |
flex-end | 终点对齐 |
center | 居中 |
space-between | 两端分布 |
space-around | 环绕分布(默认) |
space-evenly | 均匀分布 |
stretch | 拉伸 |
对齐(alignItems)
控制事件在副轴上的对齐方式:
| 值 | 说明 |
|---|---|
flex-start | 起点对齐 |
flex-end | 终点对齐(默认) |
center | 居中 |
stretch | 拉伸 |
baseline | 基线对齐 |
边距(padding)
通过四方向边距设定一个矩形区域,事件仅在该区域内排版。
格式:上 右 下 左,例如 21px 21px 88px 21px。
占位校准(spaceAdjust)
开启后将忽略事件按钮实际占用的空间,按一个点来排布。用于控制间距时的精确对齐。
场景覆盖
当场景中设置了 事件排版 后,该场景将不再受主题全局排版控制:
场景-事件排版:排版A
→ 此场景使用 排版A
主题-场景-事件排版预设:排版B
→ 其他未设置排版的场景使用 排版B