8.1 使用符號(hào)（Using Symbols）

使用符號(hào)，設(shè)計(jì)師能夠輕松的在 PaintCode 文檔中重復(fù)使用組建，這十分有用。

例如，設(shè)計(jì)師能夠在一個(gè)畫布上設(shè)計(jì)按鈕，然后將其重復(fù)利用在其他的畫布中。設(shè)計(jì)師隨時(shí)調(diào)整源頭畫布中的符號(hào)，其他畫布中的元素將會(huì)自動(dòng)同步調(diào)整。

使用符號(hào)（Using Symbols）

使用符號(hào)非常容易。首先，在畫布中繪制一些東西，例如圖標(biāo)、用戶界面控制組件，或者其他設(shè)計(jì)師在文檔中想重復(fù)使用的東西。

然后，選擇另外一個(gè)畫布，并在頂部的工具欄中點(diǎn)擊 符號(hào)（Symbol） 工具。然后一個(gè)帶著 可選的符號(hào)／畫布 的上下文菜單就會(huì)出現(xiàn)。

選擇設(shè)計(jì)師想使用的符號(hào)。然后，在畫布中任意位置點(diǎn)擊放置符號(hào)。

符號(hào)行為與其他圖形類似，比如矩形和橢圓形。設(shè)計(jì)師能夠移動(dòng)、調(diào)整大小，變換，等等。

通過使用符號(hào)檢查器中的彈出按鈕，設(shè)計(jì)師能夠調(diào)整與畫布鏈接的特定符號(hào)。在下面的途中，符號(hào)與 Chat Icon 畫布相連：

符號(hào)是動(dòng)態(tài)的（Symbols are dynamic）

設(shè)計(jì)師能夠調(diào)整原油畫布，即使設(shè)計(jì)師創(chuàng)建了一個(gè)符號(hào)并使用它。在一個(gè)畫布中調(diào)整符號(hào)，其他與該符號(hào)相連的符號(hào)會(huì)自動(dòng)同步調(diào)整。

調(diào)整符號(hào)參數(shù)與大小（Parametric & resizable symbols）

PaintCode 對(duì) Mac 設(shè)備上的應(yīng)用設(shè)計(jì)中的符號(hào)有最好的支持。為什么？因?yàn)槟軌蛘{(diào)整 PaintCode中符號(hào)的大小和參數(shù)。

如果在畫布中使用框架，設(shè)計(jì)師就能把這個(gè)畫布當(dāng)作符號(hào)使用，并且能夠調(diào)整符號(hào)的大小和指定參數(shù)。

此外，在符號(hào)畫布中使用的所有變量，都可以在符號(hào)檢查器中編輯它們的參數(shù)。

設(shè)計(jì)師可以，例如，創(chuàng)建一個(gè)按鈕，它基于一個(gè)單獨(dú)的 按下（Pressed）變量進(jìn)行變化。當(dāng)設(shè)計(jì)師基于這個(gè)畫布創(chuàng)建了符號(hào)，一個(gè)標(biāo)記為 按下（Pressed）的復(fù)選框?qū)?huì)出現(xiàn)在符號(hào)檢查器中。

如果設(shè)計(jì)師配置顏色，漸變，陰影以及圖片表現(xiàn)為參數(shù)，這些也將會(huì)變味可編輯參數(shù)，在符號(hào)檢查器中出現(xiàn)。這是一個(gè)非常強(qiáng)大的特點(diǎn)。設(shè)計(jì)師能夠，例如，創(chuàng)建一個(gè)圖標(biāo)，然后作為符號(hào)多次使用，每次為圖標(biāo)指定不同的顏色。

最后，符號(hào)能夠被嵌套，因此設(shè)計(jì)師能夠在符號(hào)中使用符號(hào)。

不把畫布視為符號(hào)（Disallow using canvas as a symbol）

默認(rèn)情況下，文檔中所有的畫布都能夠當(dāng)作符號(hào)重復(fù)使用，這意味著它們都會(huì)出現(xiàn)在符號(hào)工具菜單中。

如果設(shè)計(jì)師不想這么使用，選擇畫布標(biāo)題選擇畫布，然后在右邊的檢查器中將 允許把畫布作為符號(hào)重復(fù)使用（Allow canvas to be reused as a Symbol）復(fù)選框取消，就可以了。

代碼生成考慮（Code generation considerations）

符號(hào)對(duì)應(yīng)的方法在生成代碼中調(diào)用。

在嵌套符號(hào)中是不能使用文本的，符號(hào)使用帶有與 Y 軸不一致翻轉(zhuǎn)的畫布。

PaintCode 用戶操作指南系列文章

PaintCode 用戶操作指南（概述篇）

PaintCode 用戶操作指南（庫篇）

PaintCode 用戶操作指南（繪制篇）

PaintCode 用戶操作指南（畫布和選項(xiàng)卡）

PaintCode 用戶操作指南（樣式表和代碼生成）

PaintCode 用戶操作指南（變量篇）

PaintCode 用戶操作指南（動(dòng)態(tài)圖形篇）

PaintCode 用戶操作指南（符號(hào)篇）

文章已經(jīng)完結(jié)，敬請(qǐng)期待下一部《Sketch 3用戶操作指南及實(shí)戰(zhàn)案例全解》

本作品由人人都是產(chǎn)品經(jīng)理特邀專欄作家@鄭幾塊 翻譯并獨(dú)家授權(quán)發(fā)布，未經(jīng)許可禁止轉(zhuǎn)載