LayoutGrid

布局网格。

type LayoutGrid = RowsColsLayoutGrid | GridLayoutGrid

RowsColsLayoutGrid

栅格列和栅格行。

interface RowsColsLayoutGrid {
  readonly gridType: "ROWS" | "COLUMNS"

  readonly alignment: "LEFT" | "RIGHT" | "STRETCH" | "CENTER"
  readonly gutterSize: number
  readonly count: number
  readonly sectionSize?: number | null
  readonly offset?: number

  readonly isVisible?: boolean
  readonly color?: RGBA
  readonly id?: string
  readonly name?: string
}
  • gridType :网格类型,取值为栅格行ROWS 或栅格列COLUMNS
  • alignment :布局方式:
    • LEFT :左侧。
    • RIGHT :右侧。
    • STRETCH :拉伸。
    • CENTER :居中。
  • gutterSize :槽宽。
  • count :数量。
  • sectionSize :尺寸。
  • offset :边距。
  • isVisible :是否可见。
  • color :颜色,具体可查看类型 RGBA
  • id :唯一id。
  • name :名字。

GridLayoutGrid

网格。

interface GridLayoutGrid {
  readonly gridType: "GRID"

  readonly sectionSize: number

  readonly isVisible?: boolean
  readonly color?: RGBA
  readonly id?: string
  readonly name?: string
}  
  • gridType :网格类型,取值为网格 GRID
  • sectionSize :尺寸。
  • isVisible :是否可见。
  • color :颜色,具体可查看类型 RGBA
  • id :唯一id。
  • name :名字。