起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識PaintCode 用戶操作指南（繪制篇）
圖形（Shapes）
創建新圖形（Creating a new shape）
首先，從工具欄中選擇設計師要的圖形。
在畫布中點擊任意位置，然后按住鼠標左鍵不動。
拖動光標。
當到達設計師滿意的大小的時候，放開鼠標左鍵。
在畫布中鼠標點擊的點和設計師放開鼠標的點，是相反的對角點（除了貝塞爾曲線）。
PaintCode 會自動嘗試把設計師創建的圖形和其他圖形對齊，設計師可以通過按住“Command”鍵來抑制這種行為。
創建等高等寬的圖形（Creating a shape with equal with width and height）
要畫一個完美的圓形，正方形，多邊形或者星形，設計師可以按住 Shift 鍵的同時創建。
重命名圖形（Renaming a shape）
PaintCode 為設計師生成了命名，但設計師可以根據需要自定義命名。這些命名在生成代碼中使用。
要改變一個圖形的命名，可以在檢查器中選擇一個圖形并輸入新的命名。
刪除圖形（Deleting a shape）
選擇圖形后，按 Delete 或者 Backspace 鍵，可以刪除圖形。
移動圖形（Moving a shape）
設計師可以用鼠標拖動圖形移動它，這個圖形會和其他圖形對齊，以幫助設計師調整對齊。
設計師可以按住 Control 鍵，來抑制這種行為。
默認情況下，PaintCode 會盡量保持圖形邊緣能夠與點網絡對齊。當設計師按住 Option 鍵的時候，形狀會捕捉到半個點坐標。此外，設計師可以按住 Control 鍵，來抑制對齊。
用過鍵盤移動圖形（Moving a shape using keyboard）
設計師可以選擇鍵盤中的方向鍵來移動圖形。默認狀態下，這會朝著設計師期望的方向移動。
按住 Option + 方向鍵，移動半個點。
按住 Shift+ 方向鍵，移動十個像素。
調整圖形大?。≧esizing a shape）
在特定的方向上調整圖形，點擊并拖動相應的控制點就可以了。PaintCode 還可以幫設計師自動與其他圖形對齊。
當然，設計師也可以通過長按 Command 鍵，開避免對齊行為發生。
PaintCode 也會試著幫設計師把圖形的尖刺與點網格對齊。長按 Option 鍵每次可以移動半點網格，設計師可以長按 Control 鍵來避免這種對齊行為發生。
長按 Shift 鍵，拖動圖形的一個控制點，能夠使圖形保持固定比例縮放。
設置填充和描邊（Setting a fill or stroke）
有三種方式為圖形添加顏色填充和描邊。注意為圖形增加填充，設計師同樣可以在設置漸變和圖片中使用這種方法。
第一種方式，點擊并拖動顏色連接點到畫布中的圖形，然后選擇設計師相連接的顏色屬性就可以了。連接點會在庫中的相鄰顏色中顯示出來。如果這個顏色并沒有在文檔中使用，就會顯示一個空的圓形。
另一種方式是，在檢查器中的填充或描邊顯示器中添加顏色。當顯示器是空的時候，表示填充或者描邊為設置。當設計師點擊顯示器后，一個上下文按鈕就會顯示出來，設計師可以選擇設計師想要的顏色。上下文按鈕會填充庫中的項目，頂部也包含系統顏色。
想要不再使用顏色，單擊檢查器中顯示器左側的紫色環形“X”就可以了。
第三種方式，從顏色彈出按鈕菜單中選擇一種設計師要使用的顏色。
這三種方式都能達到相應的目的，設計師需要使用設計師覺得最方便的一種。這樣的設置方式同樣適用在漸變和圖像上。
設置陰影（Setting a shadow）
在PaintCode 中，設計師可以單獨為填充、描邊和文本設置陰影，填充和文本，還能設置內陰影。
這些選項在檢查器中的陰影盒子中，一旦設計師設置了填充、描邊或者文本（當填充沒有設置當時候，就不能設置陰影，同理適用于描邊和文本）。
單擊并拖動陰影連接點到畫布中的圖形中，就可以使用陰影了。
設計師還可以在檢查器中的陰影彈出按鈕上選擇陰影來設置。
在庫中，這些會被自動填充上陰影。
復制另一個圖形的樣式（Copying style of another shape）
很方便去建立一個新的與其他已繪制的圖形擁有形同樣式的圖形。首先，設計師要選擇設計師想要的圖形樣式。然后，創建一個新的圖形。新創建的圖形會自動匹配到先前選定的形狀樣式。
翻轉圖形（Flipping a shape）
在工具欄中點擊相應的圖標（上圖），就能水平或者垂直翻轉圖形。
設計師也可以在應用程序菜單中選擇“選擇／水平翻轉（Selection / Flip Horizontally）”或者“選擇／垂直翻轉（Selection / Flip Vertically）”。
縮放圖形（Contracting and expanding a shape）
當縮小圖形的時候，圖形的邊緣是由一個像素向內推進。放大圖形則相反?？s放圖形，設計師可以在工具欄中點擊相應的圖標來完成。
或者，設計師可以選擇應用程序菜單中的“選擇／縮小（Selection / Contract）”或者“選擇／放大（Selection / Expand）”。
轉換形狀為貝塞爾形狀（Converting shape to a bezier）
設計師可以把一個圖形轉化為貝塞爾圖形。貝塞爾圖形非常有用，設計師可以編輯并旋轉。
將一個圖形轉為貝塞爾圖形，設計師可以從應用程序菜單中選擇“選擇／轉化為貝塞爾（Selection / Convert to Bezier）”來完成。設計師還可以從畫布上下文菜單來完成轉化。
編輯圖形（Editing shape）
一些圖形的內容（如文本，貝塞爾曲線和組）都可以被編輯。要編輯這些圖形，設計師可以雙擊圖形或者按回車鍵。
選項（Selection）
選擇單個圖形（Selecting individual shapes）
選擇一個圖形，在畫布上單擊圖形就可以了?；蛘撸O計師可以從圖形和組瀏覽器中點擊選擇圖形。
選擇當前選項下面一層的圖形（Selecting a shape behind the current selection）
選擇當前選項下面一層的圖形，按住 Command 鍵并點擊鼠標就能完成。
選擇多個圖形（Selecting multiple shapes）
設計師可以通過以下方式選擇多個圖形：
使用矩形選擇框，在畫布的任意位置點擊并拖動鼠標，選擇設計師想要的圖形；
或者按住 Shift 鍵，單擊每一個圖形，逐一添加；
又或者在圖形和組瀏覽器中選擇多行。
調整選項（Modifying the selection）
設計師可以通過按住 Shift 鍵，調整當前的選項：
點擊未選中圖形到已選擇圖形中；
點擊一個已選圖形移除該圖形；
通過拖動選擇矩形框添加圖形，或者從已選圖形中移除多個圖形。
刪除選項（Deleting the selection）
設計師可以按 刪除（Delete）或者空格（Backspace），來刪除選項。
重新排列圖形（Rearranging the shapes）
設計師可以通過使用主應用工具欄中的向前（Front）或者向后（Back），來調整圖形排列順序。
另外，設計師也可以使用應用菜單，來控制圖形順序：
前移圖形：OPTION + COMMAND + UP ARROW
后移圖形：OPTION + COMMAND + DOWN ARROW
獲取代碼選擇（Getting code for selection only）
PaintCode 在畫布中顯示生成的所有圖形代碼。然后，它也顯示設計師當前選擇的圖形代碼。在畫布上，單擊設計師要選擇的圖形，將它復制到粘貼板中（Command＋C）。當設計師試著粘貼形狀到代碼編輯器，圖形的繪圖代碼就會粘貼到代碼編輯器中。
圖形和組瀏覽器（Shapes & Groups Browser）?
圖形和組瀏覽器顯示 PaintCode 文檔中的圖形和組樹。在圖形和組樹中，瀏覽器中的列表展示了在畫布上繪制圖形和組的順序?？梢酝ㄟ^圖形和組名稱旁邊的小圖標來查看他們是否有填充。
此外，在瀏覽器中的選項與畫布中的選項同步。可以通過點擊選擇瀏覽器中的圖形選擇。注意，設計師可以一次選擇多個圖形，也可以通過雙擊圖形名字來編輯。
當設計師在畫布中雙擊一個組，組將會展開，設計師可以選擇畫布中的任意圖形。另外，當設計師在選擇屬于某個組的圖形時，封閉組將會自動激活（展開），被激活的組會顯示一個藍色三角形。
想要刪除一個圖形或者一個組，選擇圖形或者組并按下 Delete 或者 空格鍵就可以了。
設計師還可以重新排列瀏覽器中圖形和組的順序。這相當于使用“向前（bring-to-front）”和“向后（send-to-back）”命令來完成，設計師也可以拖動移動一個組中的圖形。
畫布設置（Canvas Setting）
圖形和組瀏覽器中的頂層對象是當前活動的畫布。如果設計師點擊瀏覽器中的畫布，畫布設置將會出現在檢查器的下方：
選擇另一個畫布（Choosing a different canvas）
標簽中包含多個畫布，但圖形和組瀏覽器職能顯示當前活動的畫布中的內容。設計師可以通過點擊瀏覽器頂部，選擇激活另一個畫布。
編組（Groups）
當設計師為一組圖形編組，結果組會表現為一個單獨的圖形，設計師可以調整大小移動圖形。這是一個很復雜的文件，因為它提供了一種方法來“隱藏”一種符合邏輯的復雜性，這樣能夠讓管理文件過程變得容易。設計師也可以：
創建帶有自定義行為的智能組
給組內容添加陰影
控制組內容中的透明度
通過非標準的混合模式，實現有趣的視覺效果
添加圖形到組內容中
編組&取消編組（Grouping & Ungrouping Shapes）
創建編組，在畫布中選擇一個或者多個圖形或者內容，在工具欄中點擊 編組（Group） 圖標。相反，如果設計師想取消一個編組，點擊工具欄中的 取消編組（Ungroup） 就可以了。
組能夠被嵌套，因此，可以為組編組。
編輯組（Editing a Group）
編輯組，直接雙擊它（無論是在畫布中，還是在圖形和組編輯其中）?；蛘?，也可以從圖形和組瀏覽器中，選擇組中的子圖形。這樣將激活封閉組。
當組處于被編輯（被激活）狀態，組中的內容可以自由調節和移動。一個被激活的組，在圖形和組瀏覽器匯中會有一個藍色的三角形圖標標記。
停止編輯組，按 ESC 鍵 或者在畫布外的非編輯區域就可以了。
陰影和不透明度（Shadow & Opacity）
是用檢查器，設計師可以為整個組設定一個陰影，就好像是一個單獨的圖形一樣。為組內元素設定的陰影（左）和整組設定的陰影（右）略有不同。
同樣，也可以調整一個組的不透明度。與陰影一樣，不透明度適用于整個組，就像是一個單獨的圖形一樣。重疊圖形50%不透明圖形顏色（左）與不透明度50的組（右）看起來不同。
混合模式（Blend Modes）
混合模式影響一個組的內容是如何畫在底層的。可以看蘋果的混合模式文檔，了解更多信息。
裁剪（Clip）
在組檢查器中，設計師可以（可選）制定裁剪圖形，裁剪只限定在組中。裁剪的形狀，在畫布中，看起來是一個白黑色虛線。
智能組（Smart Groups）
當調整和移動智能組中的圖形時，設計師可以定義改組中的內容。允許設計師，例如，創建一個可調整大小的用戶界面控件，然后，可以在畫布上多次方便地使用。每個控件都能夠以獨立的智能組的形式展現，而且操作容易：
很容易制作智能組。首先，使用框架創建動態繪制。然后，只需要選擇整個圖形（包括框架）并編組。由此產生的組就是一個智能組——當設計師調整大小、定義內容圖形與框架關系的時候，組中的內容將根據制定的大小來調整。
如果設計師已經有了一個組，設計師可以通過添加內部框架，來輕易制作智能組。
事實上，常規組與智能組唯一的區別是框架。如果設計師把框架加入組，框架將影響同組中的其他圖形。
在界面右邊，可以看到滑桿控件智能組的結構。通過為組添加框架，來設置調整大小。我們已經創建了一個組，很容易跨越文檔調整大小（并且能夠重復利用）。
變換（Transforms）?
變換允許設計師針對圖形和組，旋轉（Rotate）、縮放（Scale）以及調整位置（Offset）。與Raster 繪圖應用相比，PaintCode讓設計師變化圖形而沒有任何質量損失。
應用在圖形中的變換，在生成代碼中被轉化為2D?仿射變換。注意，設計師可以連接到形狀變量來變換圖形的屬性，這在決策參數圖中是偉大的，例如，利用旋轉，就像圓形進度指示器。
所有重要的變換屬性都會在檢查器的變換盒中。默認情況下，這個變換屬性盒子是折疊的：
轉換源點（Transform Origin）
這個綠色的標志被稱為“變換源點”，它非常重要。變換源點是所有變換的起始點。這意味著，當設計師旋轉圖形，旋轉會以變換源點為基礎。這與縮放和位移一致。變換源點只有當變換在檢查器中開啟的時候才會顯示。
旋轉變換（Rotation Transform）
但設計師旋轉源點，一個圓形的邊框就會出現。通過拖動原型邊框來旋轉圖形（或者，設計師也可以通過按住 Command 鍵，并在畫布中拖動其中的一個控制點，即便是旋轉并未在檢查器中開啟、源點不可見的情況下。在這種情況下，源點將自動移動到旋轉圖形的中心。）
默認情況下，源點在圖形的一個角上。在 iOS 下，默認在左上角。在 OS X 上，源點通常在左下角。但當設計師翻轉畫布的時候，這個有可能變化。
通過拖動源點的中心，也可以將源點移動到任何位置，然后在對圖形進行旋轉。
當設計師拖動源點的時候，設計師會發現它能夠與圖形的角、中心以及其他圖形的源點對齊。按住 Command 鍵的同事拖動源點就可以避免這種事情發生了。默認情況下，源點不會和網格對齊，但可以通過按住 Control 鍵強制它捕捉到網格并對齊。
偏移變換（Offset Transform）
偏移變換可以抵消其變換形狀的源點，重要的是，要實現 X 和 Y 的位置屬性，在檢查器中通常使用的不是圖形的左邊。事實上，這些坐標是變換圖形源點的左邊，在下圖中以紅色箭頭所示。
另外，偏移變換從變換源點移動圖形（在上圖中以藍色箭頭展示）。
通常情況下，圖形的偏移變換（藍色箭頭）為0，因此圖形的角坐標以及變換源點的坐標是相同的。當設計師使用非0偏移變換的時候，這不再為真。
縮放變換（Scale Transform）
縮放變換允許設計師沿著圖形的 X 軸和 Y 軸來縮放。在下面的例子中，藍色矩形與灰色矩形有著同樣的寬度，但是尺寸變換使得它們在畫布中的大小不同。
變換順序（Transforms Order）
變換的順序為：
偏移變換（Offset）
旋轉變換（Rotation）
尺寸變換（Scale）
究竟什么是 X 軸和 Y 軸的形狀位置？（What actually is the X and Y Position of shape?）
在“偏移變換”中，我們解釋，設計師最常使用的在檢查器中X 和 Y 坐標位置，確定了畫布中的圖形的綠色標志的坐標，這就是變換源點。
然而，這不完全。唯一時，這些坐標相對應的是什么？當設計師在畫布上繪制圖形的時候，并將它放在坐標（X = 200, Y = 100）的位置上，這些數字意味著什么呢？顯然，這意味著圖形放在（200，100）這個點上——但是點從哪來的呢？0 點又在哪呢？
幸運的是，大多數情況下，情況很簡單—— X 和 Y 坐標是相對于整個畫布的繪制起點。在 iOS 下，這是左上角，但設計師可以隨意移動它。
然而，情況變得復雜了，一旦設計師開始使用轉換組。在下面的例子中，我們把 3 個矩形編組，然后采用旋轉變換。
當設計師選擇變換組中的一個圖形時，設計師會注意到 X 軸和 Y 軸坐標為（0，103）。
這是因為旋轉組的變換源點已經變成了全部內容坐標系統的源點。全部轉換組表現為這樣。
當滿足下列條件的時候，一個組被認為變換：
非 0 旋轉
非 0 偏移
X 軸或者 Y 軸不等于1
變量連接到旋轉，尺度或抵消組變換
在上面的圖片中，設計師可以看到當前坐標系原點的兩個正交的藍色箭頭。這些代表 X 軸和 Y 軸的坐標體系。
總之，一個圖形的 X 和 Y 坐標被定義為與與位置相關的坐標系。坐標系系統的源點被定義為最近的父級轉化組，如果轉化組不在父級轉化組中，使用的將是畫布的源點。
貝塞爾曲線（Béziers）?
創建一條直線（Creating a straight line）
- 在工具欄中選擇 Bézier 工具。
- 在設計師想開始直線的起點位置點擊。
- 釋放鼠標并移動光標。
- 點擊其他地方。
- 釋放鼠標并移動光標。
- 或者，設計師可以繼續重復前面兩個步驟，繪制折線；又或者單擊第一個控制點閉合曲線，從而創建一個多邊形。
注意：移動光標，然后在釋放鼠標繪制的曲線是彎的，而不是直的。
創建一條曲線（Creating a curved line）
- 在工具欄中選擇 Bézier 工具。
- 在設計師想開始曲線的起點位置點擊。
- 按住鼠標的同時，移動光標到預期的位置。
- 釋放鼠標。
- 在設計師想結束的地方點擊。
- 同時按住鼠標，將光標移動到一個新的位置，然后釋放鼠標。
- 或者，重復之前的兩個步驟作出更復雜的曲線；又或者將封閉曲線的點與曲線開始點重合。
設計師可以通過釋放鼠標而不移動曲線來，創建一個直線段（或者只有一個彎曲處理的曲線段）。
編輯貝塞爾曲線（Editing a bézier）
設計師可以通過雙擊一個貝塞爾曲線進入編輯狀態?；蛘哌x擇貝塞爾曲線圖形后按下 Command + E 命令，進入編輯狀態。又或者在選中貝塞爾曲線圖形后按下 Return 鍵進入編輯狀態。
擴展貝塞爾曲線路徑（Extending a bézier path）
貝塞爾曲線沒有閉合的話，能夠從兩端擴展。想要擴展貝塞爾曲線：
- 選擇貝塞爾曲線。
- 雙擊曲線激活編輯模式。
- 按 Option 或 Command 或 Shift 或 Control 激活擴展。
- 現在，當設計師移動光標，設計師應該能看到貝塞爾曲線擴展的黃色指示。
- 移動光標到預期的位置并單擊鼠標。當設計師釋放鼠標的時候，能夠創建直線和曲線的擴展。
- 或者，通過點擊貝塞爾曲線的另一端關閉曲線。
在貝塞爾曲線中添加一個新的控制節點（Adding a new control point in the middle of a bézier）
在設計師想添加控制節點的地方單擊，在貝塞爾曲線中添加一個控制節點，這將會把現有的曲線分為兩部分，并且保持原有的曲率。
在添加控制節點的時候控制連接行為（Controlling the snapping behavior when adding new control points）
默認情況下，當設計師添加控制節點的時候，他們會視圖使添加控制節點與貝塞爾曲線的其他控制點緊密連接（垂直和水平方向）。在操作的時候，按住 Command 鍵，能夠抑制這種行為。
PaintCode 還嘗試將新的控制節點以坐標放置，確保圖形保持鋒利的狀態，完全對其到像素網格。如果設計師不想產生這種行為，可以按下 Control 鍵的同時，點擊任意位置。當按住 Option 鍵進行操作的時候，它迫使新的控制點的坐標是整數點或者半個點。
按住 Shift 鍵的同時，限制新的控制點的位置來更好的畫出這些線條。這對繪制水平、垂直以及對角直線非常有用。
調整控制節點的位置（Adjusting control point position）
設計師能夠通過拖拽控制節點來調整單個控制節點的位置。PaintCode 通過對齊控制節點來對準其位置，幫助設計師繪制精確的圖形。這取決于設計師的畫筆筆記畫筆寬度的設置。所以，在移動控制節點前，更新設置數值總是一個好選擇。
別擔心，即使設計師忘記這么操作，稍后還是可以修改的。但是如果，例如，設計師把貝塞爾曲線的寬度設置為 1，后來又將其設置為 2，設計出來的圖形不會清晰。為了解決這個問題，設計師不得不重新調整控制節點，調整畫筆設置，使 PaintCode 不會自動重新排列所有控制節點。
沒有任何調整，控制節點將“啪”的與新坐標對齊（通過與最近的坐標連接）。
按住 Option 鍵，拖動控制節點在被釋放的時候，將以半點與網格對齊。
按住 Control 鍵，拖動控制節點在被釋放的時候，可以放到任意的位置。
被拖動的控制節點也會捕捉到其他的控制節點坐標，來幫助設計師對齊。然而，設計師可以按住 Command 鍵來抑制這種行為。
使用鍵盤調整控制節點的位置（Adjusting control point position with keyboard）
設計師還能夠使用鍵盤來調整控制節點的位置。首先，選擇一個控制節點并按住不放。然后，按下鍵盤上的方向鍵來移動。默認情況下，每次移動一個點。
設計師希望能夠使用鍵盤較快的移動控制節點，可以在使用方向鍵的同時按住 Shift 不放。這時候每次移動 10 個點。當然，設計師還能夠在是用方向鍵的同時按住 Option 不放，這樣就能夠每次移動半點，這樣就會更加精確了。
通過使用 Command + 左方向鍵 或者 Command + 右方向鍵，設計師能夠把當前的控制節點選項切換到臨近的另一個控制節點上。
調整曲線手柄（Adjusting curve handles）
通過拖拽小手柄來調整曲線。如果控制節點和兩個手柄對齊，反對曲線手柄將和你移動的手柄對齊。拖動時按住 Option 鍵，能夠抑制這種行為。
另一方面，如果控制點和小手柄沒有對齊，拖動小手柄將獨立運行。在這種情況下，按住 Option 鍵，將迫使手柄對齊。
拖動小手柄的同時按住 Shift 鍵，能夠使曲線手柄水平、垂直以及對角線對齊。
控制曲率（Controlling the curvature）
一個控制節點不總是有兩個曲線手柄。例如，在一個線條或者折線的情況下，控制節點沒有任何曲線手柄。設計師能夠在任何時間添加并且移除手柄。
選擇一個控制節點，按 Delete 或者 Backspace 鍵，就能夠移除控制節點上的曲線手柄。
為控制節點添加曲線手柄，從控制節點的上下文菜單中選擇 圓化節點（Make Point Round）就可以了。選擇 銳化節點（Make Point Sharp）選項就能夠刪除曲線手柄了。
關閉貝塞爾曲線（Closing a bézier）
- 選擇一個控制節點的結尾
- 按 Option 或者 Command 或者 Shift 或者 Control 激活擴展
- 點擊此控制節點的對立面，設計師能夠在此控制節點的對面，看到關閉貝塞爾曲線的預覽。
控制節點上下文菜單（Control point contextual menu）
除了控制彎曲首位的控制節點，控制節點的上下文菜單還提供給設計師一些方便好用的功能，來移除控制節點、打開路徑、復制控制節點甚至反轉一個輪廓的方向。當設計師使用 PaintCode 生成貝塞爾動畫曲線的時候，這些都非常有用。
布爾運算（Boolean Operations）
PaintCode 支持 3 種布爾運算：合并（Union）、保留重合部分（intersection）以及減去上一層圖片（Difference）。這 3 種布爾運算使用起來都很簡單。首先，選擇畫布中的兩個或者多個圖形。然后，在工具欄種點擊想使用的布爾運算方式，或者在菜單欄中使用 選項／合并、選項／保留重合部分 或者 選項／減去上一層圖片。
PaintCode 會生成新的圖形。這個圖形將帶著原有圖形的外觀設置（如描邊、填充……）所有原有圖形也將保持不變。
在貝塞爾曲線中應用變形（Applying transform to a bézier）
和其他圖形和組一樣，貝塞爾曲線也是能夠被旋轉、縮放和調整位置的。在貝塞爾曲線中，可以在貝塞爾曲線中的控制節點上應用這些變形。這將重新計算所有貝塞爾曲線的控制節點的位置，不論是應用變形或者移除變形。
已經使用變形的貝塞爾曲線：
預覽（Preview）?
點擊 Command + P，或者從 PaintCode 的菜單中選擇 視圖 ? 預覽，激活預覽窗口。
預覽將展示當前畫布中的實時畫面預覽。
通過點擊預覽中的一點，設計師能夠確定畫布中特定點的中心。此外，還能夠順暢地，在預覽視圖中單擊并拖動畫布。
檢查器（Inspector）
設計師能夠在檢查器中調整物體的屬性，尤其是被選中的圖形。檢查器支持多重選擇，所以設計師能夠在檢查其中同時一次編輯多個圖形。
當設計師選擇正在繪制的畫布，畫布設置會在檢查器中展示出來。
重命名圖層（Renaming a shape）
每一個圖形都有一個命名，并且這個命名能夠在檢查器中編輯。PaintCode 會為設計師自動生成這些明明，但是設計師可以根據需要隨時為圖層重命名。新的命名會應用到圖形代碼生成。
檢查器盒子（Inspector Boxes）
一些檢查器盒子能夠展開和折疊。折疊設計師暫時不需要的盒子，使設計師的注意力集中在檢查器中圖層的屬性，這對設計師來說非常重要。
用過點擊檢查器盒子的頂部，能夠非常容易的展開和折疊檢查器盒子。
注意，當設計師展開檢查器盒子的時候，設計師正在繪制畫布的用戶界面會發生變化。例如，當設計師展開檢查器盒子的時候，有關（旋轉和縮放）的變形原點是唯一可見的。同樣的，當填充盒子打開的時候，調整的兩點以及圓形漸變也是唯一可見的。
PaintCode 用戶操作指南系列文章
文章已經完結，敬請期待下一部《Sketch 3用戶操作指南及實戰案例全解》
本作品由人人都是產品經理特邀專欄作家@鄭幾塊 翻譯并獨家授權發布，未經許可禁止轉載
牛逼，英文這么好！