向量設計工具PaintCode如何使用標籤和畫布?

ankych發表於2020-11-25

PaintCode是一款不錯的向量繪圖應用程式,您可以使用選項卡來組織PaintCode文件中的圖形。每個選項卡可能包含多個繪圖畫布。今天macz小編為您帶來的就是PaintCode如何使用標籤和畫布。一起來學習一下吧。

PaintCode for Mac(向量圖形繪圖工具) v3.4.8

PaintCode如何使用標籤?

您可以使用選項卡來組織PaintCode文件中的圖形。每個選項卡可能包含多個繪圖畫布。
第一個選項卡(名為“ StyleKit”)是特殊的,可讓您訪問StyleKit目錄-圖紙,顏色,漸變和其他設計資產的集合,您可以輕鬆地將其匯出為單個Objective-C,Swift或C#類。StyleKits使將生成的程式碼整合到專案中非常容易。

向量設計工具PaintCode如何使用標籤和畫布?管理標籤
要新增新標籤,只需單擊最後一個標籤後立即顯示的+符號。 向量設計工具PaintCode如何使用標籤和畫布?

要刪除選項卡,請將其懸停,然後在出現“ X”符號時,單擊它。

您可以透過拖動輕鬆地重新排列標籤。

請注意,StyleKit選項卡始終是第一個,並且不能刪除或重新排列。當您的文件包含太多標籤時,它們不適合標籤欄,則可以透過單擊“ ...”按鈕來訪問溢位的標籤。將出現一個上下文選單,其中包含溢位選項卡的列表。

重新命名標籤
您可以透過雙擊標籤來重新命名。或者,您可以取消選擇工作區中的所有畫布-在這種情況下,右側的檢查器將為您顯示一個文字欄位,其中顯示了活動選項卡的名稱。

PaintCode如何使用畫布?

畫布是可用於建立圖形的區域。每個畫布都會生成一個單獨的繪製方法。 向量設計工具PaintCode如何使用標籤和畫布?

移動畫布
要在工作區中移動畫布,只需按其標題拖動它即可。每個畫布的標題顯示在畫布頂部的中間。

調整畫布大小
首先,透過在工作區上單擊其標題來選擇畫布。然後,您可以使用游標拖動畫布的邊緣以調整畫布的大小。

另外,您也可以在檢查器中設定畫布的尺寸: 向量設計工具PaintCode如何使用標籤和畫布?

新增畫布
在PaintCode中,您可以在同一選項卡上具有多個繪圖畫布。要新增新畫布,可以使用選單畫布▸新建▸預設選單,或按SHIFT + COMMAND +N。

或者,您可以在選項卡中的空白處啟用上下文選單,然後在此處選擇畫布: 向量設計工具PaintCode如何使用標籤和畫布?

移除畫布
要刪除畫布,只需在工作區中單擊其標題,然後按DELETE或BACKSPACE鍵。

縮放畫布
要放大,請按COMMAND和PLUS。
要縮小,請按命令和減號。
或者,您可以使用捏合手勢放大和縮小。或者,您可以按住OPTION鍵並使用兩指垂直滑動(或旋轉滑鼠滾輪)來放大或縮小。此方法專注於游標的位置,因此您可以輕鬆地直接縮放到Canvas的任何部分。

您還可以使用中間工具欄上的縮放控制元件: 向量設計工具PaintCode如何使用標籤和畫布?

畫布建立選單中的第一項使您可以輕鬆建立新畫布,該畫布的尺寸與當前活動的畫布相同。

在畫布上移動
您可以使用捲軸或兩根手指滑動在“畫布”上移動。

或者,您可以按住SPACE鍵並在工作區中單擊並拖動滑鼠。

此外,可以使用“預覽”在“畫布”上瀏覽。如果在“預覽”中單擊圖形中的某個點,則“畫布”將自動在該點居中。此外,您可以在“預覽”中單擊並拖動以在“畫布”中平滑移動。

畫布顯示模式
PaintCode可以以4種不同的密度模式渲染圖形:

1×非視網膜模式
2×視網膜模式
3×視網膜模式
無限模式
您可以在中間工具欄中選擇這些模式。也可以使用OPTION + D快捷鍵在它們之間切換。 向量設計工具PaintCode如何使用標籤和畫布?

Non-Retina模式向您顯示在非Retina顯示器(大多數Mac)上的圖形外觀Retina模式以雙倍密度繪製–這是您的圖形在Retina顯示器(大多數iOS裝置)上的外觀。最後,“無限精度”模式以無限精度預覽您的圖形-不管您放大多遠,圖形都不會被畫素化。

畫布顯示模式的重要性
畫布顯示模式不會以任何方式影響生成的程式碼。生成的程式碼始終與解析度無關,並且可以在任何顯示器上完美執行。我們設計這些模式的主要目的是在繪製過程中為您提供幫助。

當您將圖形正確對齊到非視網膜模式的畫素網格時,即使在畫素密度更高的顯示器上,也可以100%確保圖形保持清晰(正確對齊畫素網格)。另一方面,如果您使用Retina或Infinite模式,則可能會繪製一些在Retina螢幕上看起來清晰的東西,但實際上在非Retina裝置上模糊。

因此,您應該預設使用非Retina顯示模式,並且僅偶爾切換到Retina或Infinite顯示模式,以檢視在更高畫素密度下的外觀。

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69956340/viewspace-2736894/,如需轉載,請註明出處,否則將追究法律責任。

相關文章