Files
MujicaUI/docs/components/353-media-controls.md
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 Permalink Blame History

353 MediaControls 媒体控制

用途

上一首、播放/暂停、下一首、循环、随机,一组可用方向键切换焦点的按钮。

最小示例

st := media.MediaControlsState{}
view := func(c *ui.Context) {
	core.Use(c, core.Settings{})
	media.MediaControls(c, st, media.MediaControlsOptions{
		OnPrevious: func() {}, OnNext: func() {},
		OnPlay: func() { st.Playing = true }, OnPause: func() { st.Playing = false },
		OnLoop: func(m media.LoopMode) { st.Loop = m }, OnShuffle: func(on bool) { st.Shuffle = on },
	})
}
ui.Render(view, 400, 300, 1)

参数

func MediaControls(c *ui.Context, st MediaControlsState, opts MediaControlsOptions) ui.Element

MediaControlsState:Playing、Loop(LoopOff、LoopAll、LoopOne)、Shuffle、NoPrevious、NoNext。

字段 类型 默认值 含义
OnPrevious / OnPlay / OnPause / OnNext func() 必填 按钮回调。
OnLoop func(LoopMode) 必填 收到下一个循环模式:不循环 → 列表 → 单曲。
OnShuffle func(bool) 必填 随机开关。
Disabled bool false 禁用。

状态

循环与随机开启时有选中底色和下划线,单曲循环换用带“1”的图标;循环按钮的名称说明当前模式。

事件

全部通过回调报告。

键盘操作

按键 作用
Tab 进入按钮组
← / → 在按钮间移动焦点
Enter / Space 按下

限制

  • 无。