Sketch 圖層

圖層

圖層是 Sketch 中最基本的構(gòu)成單位。不同于其他將圖層和對(duì)象混為一談的應(yīng)用，在 Sketch 里每個(gè)對(duì)象都有自己的圖層。所以在這個(gè)手冊(cè)中，我們所說(shuō)的“圖層”和“對(duì)象”其實(shí)是一樣的意思，這兩個(gè)詞是可以相互替換的。

編組和畫板能讓你在 Sketch 里有效的管理內(nèi)容，他們也會(huì)被視為多個(gè)圖層的組合。要想添加新的涂層，你可以單擊工具欄中的 insert 按鈕。

添加圖層

添加圖層最簡(jiǎn)單的方式便是直接從工具欄選擇一個(gè)標(biāo)準(zhǔn)圖形。比如選中矩形工具，光標(biāo)會(huì)變成一個(gè)右上角有個(gè)小矩形的十字圖案。這時(shí)你只需在畫布上單擊并拖動(dòng)鼠標(biāo)來(lái)添加你想要的形狀。松開(kāi)鼠標(biāo)，隨即完成這個(gè)矩形，并開(kāi)始編輯它。

高級(jí)選項(xiàng)

添加新圖層是非常容易的，但我們同時(shí)提供了幾個(gè)隱藏快捷鍵來(lái)幫助你方便的繪制。比如說(shuō)你可以按住 shift 鍵來(lái)繪制等邊圖形；按住 option 鍵來(lái)從中心繪制圖形，而不是從左上角繪制。

如果你想改變圖形的起始點(diǎn)，你需要按住空格鍵，這樣你將會(huì)修改起始點(diǎn)，而不是圖形的大小。

選擇圖層

你只需單擊來(lái)選中圖層，這時(shí)選擇框的四角和邊框上會(huì)出現(xiàn)8個(gè)小手柄。

值得注意的是，萬(wàn)一你沒(méi)看見(jiàn)這些小手柄，那么有可能是你不小心將手柄隱藏起來(lái)了，你可以進(jìn)入 視圖 菜單欄，打開(kāi) 顯示選區(qū)手柄 (View > Show Selection Handles)。

同時(shí)選擇多個(gè)圖層

你可以按住鍵盤上的 Shift 鍵來(lái)同時(shí)選擇多個(gè)圖層，當(dāng)你點(diǎn)擊其他圖層時(shí)，之前選中的圖層也會(huì)為你保留。如果你按住 Shift 鍵去點(diǎn)擊一個(gè)已經(jīng)選中的圖層，則會(huì)取消選擇它。

如果你在畫布上任一點(diǎn)單擊并拖拽出一個(gè)矩形，則會(huì)選中這個(gè)矩形中的所有圖層。你可以繼續(xù)按住 Shift 鍵或者command鍵來(lái)增加圖層或者取消個(gè)別已經(jīng)選中的圖層。

如果你同時(shí)按住 option 鍵，則只會(huì)選中完全被包括在所畫選取內(nèi)的圖層。

重疊圖層

為了讓選擇某一圖層底下的圖層更容易，你可以右擊鼠標(biāo)，從菜單中選擇 “選擇圖層”（Pick Layer），便會(huì)顯示出鼠標(biāo)底下的所有圖層列表。

需要注意的是，在 Sketch 2 里，這個(gè)功能是通過(guò)快捷鍵 option + command 來(lái)實(shí)現(xiàn)的，在 Sketch 3 里將被右擊鼠標(biāo)代替。

另一個(gè)方便的快捷鍵是 option 鍵，按住 option 鍵，Sketch 會(huì)選中第二層圖層，而不是最上層的。如果某個(gè)區(qū)域有多個(gè)圖層重疊，而你想選擇第三層，那么還是需要用到上面說(shuō)的右擊鼠標(biāo)的方法來(lái)選擇了，有些情況下，你會(huì)發(fā)現(xiàn)這是個(gè)非常方便的小功能。

快速選擇組中的圖層

編組能方便的管理內(nèi)容，有時(shí)還能預(yù)防無(wú)意的編輯操作。單擊組，整個(gè)組會(huì)被視為一個(gè)圖層，雙擊才會(huì)進(jìn)入組內(nèi)選擇具體圖形。

當(dāng)然，有時(shí)你肯定想從深深的編組層級(jí)中直接選中某一具體圖層，你可以按住 command 鍵，來(lái)直接選擇埋在組里的圖層，無(wú)需不停的雙擊以進(jìn)入更深的層級(jí)，這將省去你不少的時(shí)間。

如果你同時(shí)按住 shift 鍵，則能選擇多個(gè)圖層。

移動(dòng)圖層

你可以選中任意圖層，并拖動(dòng)鼠標(biāo)來(lái)移動(dòng)他們。按住 Shift 鍵來(lái)拖動(dòng)，則會(huì)讓圖層嚴(yán)格按照垂直或者水平方向移動(dòng)。

當(dāng)你移動(dòng)某一圖層（或者修改尺寸）時(shí)，Sketch會(huì)自動(dòng)幫你將它與相鄰的圖層對(duì)齊。如果沒(méi)出現(xiàn)自動(dòng)對(duì)齊，那可能是參考線功能被不小心關(guān)閉了，你可以在 視圖 菜單里打開(kāi)顯示參考線 (View > Show Layer Guides)。標(biāo)尺 (Rule)，參考線 (Guides) 和 網(wǎng)格 (Grid) 是一個(gè)大的話題，我們會(huì)在另一章節(jié)單獨(dú)來(lái)討論。

如果你先按住 alt 鍵再拖動(dòng)圖層，你其實(shí)會(huì)創(chuàng)建一個(gè)原圖層的拷貝，原來(lái)的圖層還是會(huì)在最初的位子。（如果你接著按快捷鍵 command + D，Sketch則會(huì)重復(fù)你剛才的操作，復(fù)制出一個(gè)一樣的圖層。）

移動(dòng)一個(gè)被遮蓋的圖層

這是另一個(gè)重疊圖層很麻煩的地方，正常情況下，你單擊并拖動(dòng)一個(gè)圖層它會(huì)被立即選中，并移到新的位置。

大多數(shù)時(shí)候這是非常方便的，但如果你想移動(dòng)一個(gè)完全在另一圖層底下的圖層，這就會(huì)變得非常礙事，因?yàn)闀?huì)直接選中并移動(dòng)最表面的圖層。

解決這個(gè)問(wèn)題，你需要按住 option + command 鍵，再來(lái)單擊你需要的圖層并移動(dòng)它，你甚至可以單擊畫布上完全不同的區(qū)域，Sketch 仍會(huì)為你保留之前的選區(qū)。

需要注意的是：在 Sketch 2 中這個(gè)功能的快捷鍵是 A 鍵，但在 Sketch 3 中，A 鍵被重新設(shè)定為添加畫板的快捷鍵。

改變大小

8個(gè)手柄不僅會(huì)向你指示出選區(qū)，還可以幫你修改圖層的大小。你可以拖動(dòng)任一個(gè)手柄來(lái)調(diào)整，如果你同時(shí)按下Shift 鍵，圖層的長(zhǎng)寬則會(huì)按等比例變化。

拖拽圖形某一邊中間的手柄會(huì)只調(diào)整圖形的長(zhǎng)或?qū)挘胍瑫r(shí)調(diào)整，則直接拖拽圖形的角。

如果你按住 option 鍵，圖層會(huì)從中間向四周改變大小，而不是從對(duì)角開(kāi)始變化。

鍵盤

你可以直接使用鍵盤調(diào)整圖層大小。相對(duì)于鼠標(biāo)，使用鍵盤能更好實(shí)現(xiàn)精確到像素的調(diào)整。你需要按住 command 鍵和方向鍵來(lái)操作。?→會(huì)將圖層寬度增加 1px，?←則會(huì)將寬度減少 1px。同樣的，?↓ 和 ?↑則分別將長(zhǎng)度增加和減少 1px。如果你同時(shí)按住 shift 鍵，每一次更改的數(shù)值將會(huì)變成 10 px。

縮放

當(dāng)你改變一個(gè)圖層的大小時(shí)，它的式樣元素并不會(huì)隨之變大變?。阂粋€(gè) 10x10的圖形上 1px的描邊在這個(gè)圖形被拉伸至 50x50的時(shí)候，將仍保持 1px的描邊。想要更改圖層大小的同時(shí)一起更改式樣，那就使用編輯菜單當(dāng)中的縮放工具吧。

編輯圖層

雙擊一個(gè)圖層，或者單擊工具欄中的編輯按鈕就可以進(jìn)入圖層的編輯模式，接下來(lái)發(fā)生什么則取決于你想編輯的是什么類型的圖層了，請(qǐng)接著閱讀相關(guān)的內(nèi)容。

請(qǐng)記得，你可以單擊圖層外任一點(diǎn)，或者按下 Return 鍵或 Escape 鍵，來(lái)隨時(shí)退出圖層的編輯模式。