layout: page title: 工具提示(Tooltips)

permalink: tooltips.html

工具提示(Tooltips)

用法

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

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

工具提示(Tooltips) - 图1
要

工具提示(Tooltips) - 图2
不要

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

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

工具提示(Tooltips) - 图3
要(Do)

工具提示(Tooltips) - 图4
不要(Don’t)

光标和键盘的工具提示

文本：Roboto Medium 10 sp

背景填充：90%不透明度

工具提示(Tooltips) - 图5

工具提示(Tooltips) - 图6

工具提示动画

触摸屏UI的工具提示

文本：Roboto Medium 14 sp

背景填充：90%不透明度

工具提示(Tooltips) - 图7

工具提示(Tooltips) - 图8

工具提示(Tooltips) - 图9

工具提示(Tooltips) - 图10

工具提示(Tooltips) - 图11

原文：Tooltips 翻译：lhyqy5 校对：PoppinLp