组件 - 工具提示

优质
小牛编辑
144浏览
2023-12-01

用法

对同时满足以下条件的元素使用工具提示:

  1. 具有交互性
  2. 主要是图形而非文本

工具提示 - 图1

(上图)可取

工具提示 - 图2

(上图)不可取

工具提示不同于悬浮卡片,后者用来显示图片和格式化的文本等更为丰富的信息。

工具提示也不同于ALT属性,后者用来提示静态图片的主旨。

工具提示 - 图3

(上图)可取

工具提示 - 图4

(上图)不可取

光标和键盘的工具提示

文本:Roboto Medium 10 sp

背景填充:90% 不透明度

工具提示 - 图5

工具提示 - 图6

工具提示动画

触摸屏UI的工具提示

文本:Roboto Medium 14 sp

背景填充:90% 不透明度

工具提示 - 图7

工具提示 - 图8

工具提示 - 图9

工具提示 - 图10

工具提示 - 图11