Files
MujicaUI/docs/components/086-hover-card.md
T

2.2 KiB

086 HoverCard 悬停卡片

用途

悬停或聚焦锚点时预览更多信息,例如人物资料。指针可以移入卡片并操作其中的控件,键盘可以 Tab 进入卡片,离开后延迟关闭。

最小示例

view := func(c *ui.Context) {
	mujica.Use(c, mujica.Settings{})
	b := mujica.Button(c, "Lady Sakiko", mujica.ButtonOptions{Variant: mujica.Ghost})
	mujica.HoverCard(c, b, mujica.HoverCardOptions{}, func() {
		ui.Text(c, "Keyboardist of the court.")
	})
}
ui.Render(view, 400, 300, 1)

签名:func HoverCard(c *ui.Context, anchor *ui.Element, opts HoverCardOptions, content func()) *ui.Element,返回卡片,未显示时为 nil。

参数

字段 类型 默认值 含义
OpenDelay time.Duration 500 ms 悬停或聚焦多久后打开;负数 panic。
CloseDelay time.Duration 300 ms 指针与焦点都离开后多久关闭;负数 panic。
Width float32 280 卡片宽度。
Label string "" 卡片的无障碍名称。

状态

  • 打开、关闭都按延迟进行;减少动画时取消淡入。
  • 指针在锚点或卡片上、或键盘焦点在锚点或卡片内时保持打开。
  • 下方空间不足时翻到上方,左右限制在窗口内。

事件

返回值由 nil 变为非 nil 即打开;卡片内控件自行报告事件。

键盘操作

按键 行为
Tab 聚焦锚点 OpenDelay 后打开。
Tab 从锚点进入卡片内的控件,再继续到后面的元素。
Escape 立即关闭,焦点回到锚点,直到焦点离开前不再打开。

限制

  • 卡片由 PopoverBase 承载,使焦点顺序紧跟锚点,在 Dialog 内也属于对话框的焦点范围;代价是打开期间外部点击只用于关闭,不传给下方控件:PopoverBase 用覆盖整窗的背板接收点击(ui/base.go:373)。
  • 指针在卡片外但焦点仍在卡片内时卡片保持打开,点击外部或按 Escape 关闭。
  • Escape 只关闭最上层的 MujicaUI 浮层(窗口内按打开顺序记录)。MyGo 自带的 ui.Popover、ui.Select 弹层不在这份记录中;它们打开在非模态 MujicaUI 浮层之上时,Escape 可能先关闭下面的 MujicaUI 浮层。