• 工具提示(Tooltips)
    • 用法
    • 光标和键盘的工具提示
    • 触摸屏UI的工具提示

    工具提示(Tooltips)

    用法

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

    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

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