悬停提示浮层
它在用户指向或聚焦某个控件时短暂显示简短说明,不承载需要操作的内容。
- 鼠标放上去才出现的小字
- 停在图标上告诉我它做什么的提示
- 指着按钮旁边冒出来的说明
- 工具提示
- 气泡提示文字
- 控件说明
示例
尚无经验证的示例
这条词条暂时只提供平台定义和出处,不用临时动画冒充正式内容。
Web / iOS / Android 对照
Web原生支持
桌面浏览器的鼠标悬停;键盘与触摸支持不足
Advisory Tooltip
也叫 Tooltip
title attribute
title 会产生浏览器提示,但无法可靠控制时机和无障碍体验;关键说明应始终可见。
iOS需自己实现
iOS / iPadOS 触摸界面
Tooltip
iOS 触摸界面没有通用悬停工具提示,用户不能依赖鼠标停留来发现说明。
通常怎么做:使用清楚文字标签;补充说明可放在界面中,或通过帮助按钮打开 Popover。
Android原生支持
Android 手机 / 平板;长按与指针悬停
Tooltip
Compose Material 3: TooltipBox / PlainTooltip / RichTooltip
使用规范
什么时候用
- 无文字图标需要一句很短的辅助说明,而且主功能不依赖这句话
什么时候别用
- 移动端必须看见的信息、长文、错误说明或任何需要点击的内容
给 AI 的提示词
这条词条还没有经过验证的实现提示词。