PaintCode 用戶操作指南(符號篇),完結

0 評論 11304 瀏覽 4 收藏 6 分鐘

8.1 使用符號(Using Symbols

使用符號,設計師能夠輕松的在 PaintCode 文檔中重復使用組建,這十分有用。

例如,設計師能夠在一個畫布上設計按鈕,然后將其重復利用在其他的畫布中。設計師隨時調整源頭畫布中的符號,其他畫布中的元素將會自動同步調整。

使用符號(Using Symbols

使用符號非常容易。首先,在畫布中繪制一些東西,例如圖標、用戶界面控制組件,或者其他設計師在文檔中想重復使用的東西。

然后,選擇另外一個畫布,并在頂部的工具欄中點擊 符號(Symbol) 工具。然后一個帶著 可選的符號/畫布 的上下文菜單就會出現。

paint02

paint03

 

選擇設計師想使用的符號。然后,在畫布中任意位置點擊放置符號。

paint04

符號行為與其他圖形類似,比如矩形和橢圓形。設計師能夠移動、調整大小,變換,等等。

通過使用符號檢查器中的彈出按鈕,設計師能夠調整與畫布鏈接的特定符號。在下面的途中,符號與 Chat Icon 畫布相連:

paint05

符號是動態的(Symbols are dynamic

設計師能夠調整原油畫布,即使設計師創建了一個符號并使用它。在一個畫布中調整符號,其他與該符號相連的符號會自動同步調整。

調整符號參數與大?。?/strong>Parametric & resizable symbols

PaintCode 對 Mac 設備上的應用設計中的符號有最好的支持。為什么?因為能夠調整 PaintCode中符號的大小和參數。

如果在畫布中使用框架,設計師就能把這個畫布當作符號使用,并且能夠調整符號的大小和指定參數。

此外,在符號畫布中使用的所有變量,都可以在符號檢查器中編輯它們的參數。

設計師可以,例如,創建一個按鈕,它基于一個單獨的 按下(Pressed)變量進行變化。當設計師基于這個畫布創建了符號,一個標記為 按下(Pressed)的復選框將會出現在符號檢查器中。

paint06

如果設計師配置顏色,漸變,陰影以及圖片表現為參數,這些也將會變味可編輯參數,在符號檢查器中出現。這是一個非常強大的特點。設計師能夠,例如,創建一個圖標,然后作為符號多次使用,每次為圖標指定不同的顏色。

paint07

最后,符號能夠被嵌套,因此設計師能夠在符號中使用符號。

不把畫布視為符號(Disallow using canvas as a symbol

默認情況下,文檔中所有的畫布都能夠當作符號重復使用,這意味著它們都會出現在符號工具菜單中。

paint08

如果設計師不想這么使用,選擇畫布標題選擇畫布,然后在右邊的檢查器中將 允許把畫布作為符號重復使用(Allow canvas to be reused as a Symbol)復選框取消,就可以了。

paint09

代碼生成考慮(Code generation considerations

符號對應的方法在生成代碼中調用。

在嵌套符號中是不能使用文本的,符號使用帶有與 Y 軸不一致翻轉的畫布。

PaintCode 用戶操作指南系列文章

PaintCode 用戶操作指南(概述篇)

PaintCode 用戶操作指南(庫篇)

PaintCode 用戶操作指南(繪制篇)

PaintCode 用戶操作指南(畫布和選項卡)

PaintCode 用戶操作指南(樣式表和代碼生成)

PaintCode 用戶操作指南(變量篇)

PaintCode 用戶操作指南(動態圖形篇)

PaintCode 用戶操作指南(符號篇)

文章已經完結,敬請期待下一部《Sketch 3用戶操作指南及實戰案例全解》

 

本作品由人人都是產品經理特邀專欄作家@鄭幾塊 翻譯并獨家授權發布,未經許可禁止轉載

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!