47 lines
1.7 KiB
Markdown
47 lines
1.7 KiB
Markdown
# 085 Tooltip 文字提示
|
||
|
||
## 用途
|
||
|
||
指针停留或键盘聚焦一段时间后,在元素旁显示简短说明。提示不含交互内容,不拦截指针,并作为元素的无障碍描述。
|
||
|
||
## 最小示例
|
||
|
||
```go
|
||
view := func(c *ui.Context) {
|
||
mujica.Use(c, mujica.Settings{})
|
||
b := mujica.Button(c, "Seal", mujica.ButtonOptions{})
|
||
mujica.Tooltip(c, b, "Seal the letter with wax", mujica.TooltipOptions{})
|
||
}
|
||
ui.Render(view, 400, 300, 1)
|
||
```
|
||
|
||
签名:`func Tooltip(c *ui.Context, anchor *ui.Element, text string, opts TooltipOptions) *ui.Element`,返回 `anchor`。`anchor` 为 nil 时 panic;`text` 为空时什么也不做。
|
||
|
||
## 参数
|
||
|
||
| 字段 | 类型 | 默认值 | 含义 |
|
||
| --- | --- | --- | --- |
|
||
| `Delay` | `time.Duration` | 500 ms | 悬停或键盘聚焦持续多久后显示;负数 panic。 |
|
||
|
||
## 状态
|
||
|
||
- 炭黑底(深色主题为象牙底)、2 DIP 圆角、12+1 DIP 文字,最宽 240 DIP 后换行。
|
||
- 默认在元素下方居中,下方放不下时翻到上方,左右限制在窗口内。
|
||
|
||
## 事件
|
||
|
||
无业务事件。`text` 同时写入 `anchor` 的无障碍描述。
|
||
|
||
## 键盘操作
|
||
|
||
| 按键 | 行为 |
|
||
| --- | --- |
|
||
| Tab 聚焦 | 键盘焦点停留 `Delay` 后显示。 |
|
||
| Escape | 隐藏,直到指针离开或焦点移走。 |
|
||
|
||
## 限制
|
||
|
||
- Escape 只关闭最上层的 MujicaUI 浮层(窗口内按打开顺序记录)。MyGo 自带的 `ui.Popover`、`ui.Select` 弹层不在这份记录中;它们打开在非模态 MujicaUI 浮层之上时,Escape 可能先关闭下面的 MujicaUI 浮层。
|
||
- 只在键盘焦点(可见焦点)时显示,鼠标点击获得的焦点不触发。
|
||
- 不使用 MyGo 的 `Element.Tooltip`:它只跟随指针、不响应焦点(`ui/widgets.go:549`)。
|