Skip to content

事件排版

事件排版控制系统在场景中事件按钮的排列方式。排版默认由主题全局控制,也可在单个场景中独立设定。

设定位置

  • 全局默认主题 → 场景 → 事件排版预设
  • 场景覆盖场景 → 事件排版(设定后将忽略主题设定)

排版属性

版式(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