Files
MujicaUI/docs/components/006-grid.md
T
ZacharyZhang-NYandClaude Opus 5.5 bcce34cda1 Upgrade MyGo to v0.5.5
MyGo v0.5.5 returns ui.Element as a checked value handle instead of a
pointer. Migrated with `mygo migrate-ui`, then fixed what the codemod
leaves to review:

- Element nil checks become .Valid(); absent elements are ui.Element{}.
- Input handlers and paint callbacks run outside the build pass, where
  elements expire and Context methods are inert: read IsDisabled into a
  local during the build, keep a ui.Handle for Focus, use c.Services()
  for clipboard access, create ui.Local state during the build.
- Add core.AutoFocus: v0.5.5 records an overlay's opener after its
  content builds, so same-frame autofocus lost focus restore on close.
  It focuses one frame later; cascader rows defer their focus likewise.
- core.OverlayLayer identifies build passes by the root element, not
  c.Now(), which repeats across passes and under the Tester clock.
- Context menus survive the opening press counted as PressedOutside;
  split button tooltip no longer reorders its open menu; disabled
  menubar rows pass presses to the panel; Form defers blur-started
  async checks so the growing message no longer moves Submit away
  from the release; Combobox drops its disabled copy now that MyGo
  blocks typing under a disabled wrapper (canary flipped to a guard).
- The Tester clock is virtual: tests use Advance/Now instead of
  time.Sleep/time.Now and read element state inside the view. The web
  mirror advances the clock to wall time before each frame and input.
- AGENTS.md and docs describe the value Element API and the new pin.

Snapshot goldens are darwin-only and were not re-verified here.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
2026-10-17 01:37:54 -04:00

1.7 KiB
Raw Blame History

006 Grid 网格

用途

按行列排布子元素:列宽可为固定尺寸、按内容或按比例分配剩余空间;子项可指定位置与跨行跨列。基于 MyGo 网格布局。

最小示例

layout.Grid(c, layout.GridOptions{Columns: []ui.Track{ui.Fixed(96), ui.Fr(1)}}, func() {
	layout.GridCell(c, layout.GridCellOptions{ColumnSpan: -1}, func() { ui.Text(c, "Header") })
	ui.Text(c, "Name")
	ui.Text(c, "Ada")
})

签名:

  • func Grid(c *ui.Context, opts GridOptions, children func()) ui.Element
  • func GridCell(c *ui.Context, opts GridCellOptions, build func()) ui.Element

参数

GridOptions

字段 类型 默认值 含义
Columns []ui.Track 一列 Fr(1) 各列尺寸:ui.Fixed(dip)、ui.Fr(n)(分配剩余空间)、ui.FitContent()。
Rows []ui.Track nil 前几行尺寸;之后自动添加的行按内容高度。
Gap Space SpaceM(3 单位) 列间距,也是默认行间距。
RowGap Space 同 Gap 行间距。

GridCellOptions

字段 类型 默认值 含义
Column, Row int 0(自动放置) 起始列、行,从 1 计;负数 panic。
ColumnSpan, RowSpan int 1 跨越轨道数;-1 跨到最后一条;小于 -1 panic。

GridCell 内的单个子元素会拉伸铺满整个单元格,与网格直接子项一致。

状态

布局组件,无交互状态。

事件

无。

键盘操作

不获取焦点;Tab 顺序为构建顺序。

限制

  • 网格会构建全部子项;大量条目请使用虚拟化列表。
  • 不校验跨度是否超出列数,超出时由 MyGo 按其规则扩展。