用法

對同時滿足以下條件的元素使用工具提示：

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

http://wiki.jikexueyuan.com/project/material-design/images/components-tooltips-usage-tooltips_06a_large_mdpi.png" alt="" />

(上圖)可取

http://wiki.jikexueyuan.com/project/material-design/images/components-tooltips-usage-tooltips_06b_large_mdpi.png" alt="" />

(上圖)不可取

工具提示不同于懸浮卡片，后者用來顯示圖片和格式化的文本等更為豐富的信息。

工具提示也不同于ALT屬性，后者用來提示靜態(tài)圖片的主旨。

http://wiki.jikexueyuan.com/project/material-design/images/components-tooltips-usage-tooltips_13a_large_mdpi.png" alt="" />

(上圖)可取

http://wiki.jikexueyuan.com/project/material-design/images/components-tooltips-usage-tooltips_13b_large_mdpi.png" alt="" />

(上圖)不可取

光標和鍵盤的工具提示

文本：Roboto Medium 10 sp

背景填充：90% 不透明度

http://wiki.jikexueyuan.com/project/material-design/images/components-tooltips-cursorkeyboardtooltips-tooltips_09_large_mdpi.png" alt="" />

http://wiki.jikexueyuan.com/project/material-design/images/components-tooltips-cursorkeyboardtooltips-tooltips_03_large_mdpi.png" alt="" />

工具提示動畫

<video width="740" height="350" loop="true" controls="controls" src="http://materialdesign.eoemobile.com/components-tooltips-cursorkeyboardtooltips-tooltips_005_large_xhdpi.webm" >

觸摸屏UI的工具提示

文本：Roboto Medium 14 sp

背景填充：90% 不透明度

http://wiki.jikexueyuan.com/project/material-design/images/components-tooltips-touchuitooltips-tooltips_16_large_mdpi.png" alt="" />

http://wiki.jikexueyuan.com/project/material-design/images/components-tooltips-touchuitooltips-tooltips_15a_large_mdpi.png" alt="" />

http://wiki.jikexueyuan.com/project/material-design/images/components-tooltips-touchuitooltips-tooltips_15b_large_mdpi.png" alt="" />

http://wiki.jikexueyuan.com/project/material-design/images/components-tooltips-touchuitooltips-tooltips_19a_large_mdpi.png" alt="" />

http://wiki.jikexueyuan.com/project/material-design/images/components-tooltips-touchuitooltips-tooltips_19b_large_mdpi.png" alt="" />

原文：Tooltips 翻譯：lhyqy5 校對：PoppinLp