返回首页 Material Design 中文版

Material Design

什么是 Material

动画

样式

布局

组件

模式

可用性

资源

What’s New

工具提示(Tooltips)

用法

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

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

(上图)可取

(上图)不可取

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

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

(上图)可取

(上图)不可取

光标和键盘的工具提示

文本:Roboto Medium 10 sp

背景填充:90% 不透明度

工具提示动画

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

触摸屏UI的工具提示

文本:Roboto Medium 14 sp

背景填充:90% 不透明度

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

上一篇: 文本框 下一篇: App 结构