鍍金池/ 教程/ C++/ 圖標(biāo)
調(diào)試
初始文件
作用域設(shè)置、作用域和作用域描述符
在Atom中移動(dòng)
在Atom背后
Atom中的包
為什么選擇Atom?
從Textmate中轉(zhuǎn)換
小結(jié)
新手入門(mén)
折疊
代碼段
Hacking Atom
基本的自定義
Atom中的序列化
文本處理包
字?jǐn)?shù)統(tǒng)計(jì)包
所需工具
維護(hù)你的包
Atom基礎(chǔ)
深入鍵表(keymap)
配置API
使用Atom
自動(dòng)補(bǔ)全
面板
在Atom中寫(xiě)作
文本選擇
創(chuàng)建主題
圖標(biāo)
小結(jié)
開(kāi)發(fā)Node模塊
編輯和刪除文本
安裝Atom
通過(guò)服務(wù)和其它包交互
小結(jié)
編寫(xiě) spec
語(yǔ)法
Atom中的版本控制
查找和替換

圖標(biāo)

Atom自帶了Octicons的圖標(biāo)集。使用它們來(lái)添加圖標(biāo)到你的包中。

使用方法

Octicons在Atom中的使用方法不同于標(biāo)準(zhǔn)用法。最大的不同是圖標(biāo)class的名字。你應(yīng)該使用更加通用的icon icon-前綴,而不是octicon octicon-前綴。

例如,要想添加monitor圖標(biāo),在你的標(biāo)記中使用icon icon-device-desktop class:

<span class="icon icon-device-desktop"></span>

或者你可以像這樣使用SpacePen

@span class: 'icon icon-device-desktop'

尺寸

Octicons在16pxfont-size下最美觀。通常條件下就是這樣使用的,所以你不用擔(dān)心。如果你更喜歡不同的圖標(biāo)尺寸,嘗試使用16的倍數(shù)(比如32px或者48px)來(lái)顯示得更清晰。在此之間的尺寸也可以,但可能對(duì)于一些帶直線的圖標(biāo)會(huì)顯示得很模糊。

易用性

雖然圖標(biāo)會(huì)讓你的UI更具有視覺(jué)感,不和文本標(biāo)簽一起使用的時(shí)候,就很難猜出它的意思。對(duì)于空間不足以放下文本標(biāo)簽的情況,考慮放置一個(gè)鼠標(biāo)覆蓋時(shí)顯示的屬性也會(huì)有所幫助。