Atom飞行手册翻译: 3.6 图标
来源:互联网 发布:java ocr文字识别 编辑:程序博客网 时间:2024/06/17 18:31
图标
Atom自带了Octicons的图标集。使用它们来添加图标到你的包中。
使用方法
Octicons在Atom中的使用方法不同于标准用法。最大的不同是图标class的名字。你应该使用更加通用的icon icon-
前缀,而不是octicon octicon-
前缀。
例如,要想添加monitor图标,在你的标记中使用icon icon-device-desktop
class:
<span class="icon icon-device-desktop"></span>
或者你可以像这样使用SpacePen:
@span class: 'icon icon-device-desktop'
尺寸
Octicons在16px
的font-size
下最美观。通常条件下就是这样使用的,所以你不用担心。如果你更喜欢不同的图标尺寸,尝试使用16的倍数(比如32px
或者48px
)来显示得更清晰。在此之间的尺寸也可以,但可能对于一些带直线的图标会显示得很模糊。
易用性
虽然图标会让你的UI更具有视觉感,不和文本标签一起使用的时候,就很难猜出它的意思。对于空间不足以放下文本标签的情况,考虑放置一个鼠标覆盖时显示的提示框。或者一个更巧妙的title="label"
属性也会有所帮助。
0 0
- Atom飞行手册翻译: 3.6 图标
- Atom飞行手册翻译: 1.3 Atom基础
- Atom飞行手册翻译: 1.4 小结
- Atom飞行手册翻译: 2.3 文本选择
- Atom飞行手册翻译: 2.7 ~ 2.10
- Atom飞行手册翻译: 2.6 代码段
- Atom飞行手册翻译: 2.14 小结
- Atom飞行手册翻译: 3.1 ~ 3.2
- Atom飞行手册翻译: 3.5 创建主题
- Atom飞行手册翻译: 3.7 调试
- Atom飞行手册翻译: 3.8 编写spec
- Atom飞行手册翻译: 4.1 配置API
- Atom飞行手册翻译: 4.5 ~ 4.8
- Atom飞行手册翻译: 2.1 Atom中的包
- Atom飞行手册翻译: 2.2 在Atom中移动
- Atom飞行手册翻译: 2.11 Atom中的版本控制
- Atom飞行手册翻译: 2.12 在Atom中写作
- Atom飞行手册翻译: 4.4 Atom中的序列化
- 86. Partition List
- 解决虚拟机打不开Ubuntu的问题
- 在桌面创建IE风格的快捷方式(无小箭头)
- OSI七层协议模型和TCP/IP四层模型比较
- 第一次作业
- Atom飞行手册翻译: 3.6 图标
- java编码规范总结之 checkStyle6.8安装总结
- 欧拉图
- transition-timing-function
- 2015/08/05
- 解决visual stidio 在调试的时候加载错误的问题
- Map接口之Hashtable、HashMap、LinkedHashMap、TreeMap、WeakHashMap等
- srs之rtmp
- vs2005 调试基础