Files
MujicaUI/docs/components/005-stack.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.5 KiB
Raw Blame History

005 Stack 堆叠

用途

按横向或纵向排列子元素,统一间距、对齐与换行。要隐藏子项就不构建它(if !hidden { build() }),未构建的子项不占位置也不留间距。

最小示例

layout.Stack(c, layout.StackOptions{Horizontal: true, Gap: layout.SpaceM}, func() {
	input.Button(c, "Save", input.ButtonOptions{})
	if showDraft {
		input.Button(c, "Draft", input.ButtonOptions{Variant: input.Secondary})
	}
	input.Button(c, "Cancel", input.ButtonOptions{Variant: input.Ghost})
})

签名:

  • func Stack(c *ui.Context, opts StackOptions, children func()) ui.Element

参数

字段 类型 默认值 含义
Horizontal bool false 横向排列;否则纵向。
Gap Space SpaceS(2 单位) 子项间距,随密度缩放。
Align StackAlign StackAlignAuto 交叉轴对齐:Auto(纵向拉伸、横向居中)、Start、Center、End、Stretch;非法值 panic。
Justify ui.Align ui.Start 主轴分布:Start、Center、End、SpaceBetween、SpaceAround、SpaceEvenly。
Wrap bool false 横向换行;纵向时设置会 panic。

状态

布局组件,无交互状态。

事件

无。

键盘操作

不获取焦点;Tab 顺序即子项构建顺序。

限制

  • 隐藏项不会被构建,其内部界面状态(如未提交的输入)随之丢弃;需要保留时把状态放在应用中。
  • 只有横向支持换行。