2.1 核心概念（core concepts）
庫(kù)是設(shè)計(jì)師創(chuàng)建和管理顏色、漸變、圖形、圖像以及變量的地方。庫(kù)項(xiàng)目中的行為能夠用戶界面設(shè)計(jì)的需要。
例如，設(shè)計(jì)師能夠在不同的圖形中使用相同的顏色。然后，如果設(shè)計(jì)師調(diào)整顏色，所有使用該種顏色的圖形將會(huì)自動(dòng)更新顏色。這同樣適用在漸變、陰影、圖像以及變量等方面。
這非常好用，因?yàn)樵O(shè)計(jì)師能夠很容易地改變?cè)O(shè)計(jì)師設(shè)計(jì)的用戶界面中的顏色，而且只在一個(gè)地方。
另外，一些庫(kù)項(xiàng)目能夠形成關(guān)系。例如，一個(gè)新的顏色能夠源于一個(gè)已經(jīng)存在的單一顏色，用過(guò)使用“built-in”運(yùn)算方式。漸變和陰影也能夠繼承庫(kù)中其他項(xiàng)目地顏色。表達(dá)變量可以參考其他庫(kù)項(xiàng)目。
通過(guò)利用這種特點(diǎn)地優(yōu)勢(shì)，能夠基于一個(gè)或者多個(gè)基礎(chǔ)的顏色，定義顏色、漸變以及陰影的整個(gè)家族樹(shù)。
當(dāng)設(shè)計(jì)師改變基礎(chǔ)顏色的時(shí)候，所有的庫(kù)項(xiàng)目和圖形都能夠基于基礎(chǔ)顏色，直接或者間接的自動(dòng)更新。
例如，如果設(shè)計(jì)師設(shè)計(jì)了一組帶有色彩的用戶界面控制組建，設(shè)計(jì)師能夠從基礎(chǔ)的顏色，繼承所有必須的顏色、漸變和陰影。隨后，通過(guò)改變基礎(chǔ)的顏色，設(shè)計(jì)師能夠很容易改變?cè)O(shè)計(jì)師整個(gè)文檔的全部顏色體系。
命名（naming）
每一個(gè)庫(kù)項(xiàng)目都有一個(gè)命名。paintcode 為設(shè)計(jì)師自動(dòng)生成了這些命名，但設(shè)計(jì)師能夠根據(jù)設(shè)計(jì)師的需要自己命名，為設(shè)計(jì)師的庫(kù)項(xiàng)目起更有意義的命名。這些名字也會(huì)被用于代碼生成。設(shè)計(jì)師能夠在設(shè)計(jì)師的命名中使用空格——在生成代碼中，paintcode 會(huì)自動(dòng)將“button base color”轉(zhuǎn)成“buttonbasecolor”。paintcode 不允許使用已經(jīng)在代碼生成中已經(jīng)使用過(guò)的命名，所以設(shè)計(jì)師不必?fù)?dān)心在生成源代碼中會(huì)有任何潛在的命名沖突。設(shè)計(jì)師可以通過(guò)在庫(kù)項(xiàng)目上雙擊，來(lái)為一個(gè)庫(kù)項(xiàng)目重命名。
庫(kù)的使用（using the library）
庫(kù)有5個(gè)部分組成：顏色、漸變、陰影、圖像以及變量。添加一個(gè)新的庫(kù)（例如，顏色），在相應(yīng)的庫(kù)選項(xiàng)的頂部點(diǎn)擊“＋”按鈕就可以了。
移除庫(kù)項(xiàng)目，從庫(kù)項(xiàng)目列表中選擇項(xiàng)目并點(diǎn)擊，然后按“delete”或者“backspace”鍵就可以了。
調(diào)整已有的庫(kù)項(xiàng)目，在庫(kù)項(xiàng)目列表中雙擊項(xiàng)目，就可以調(diào)整了?；蛘撸O(shè)計(jì)師在檢查器中點(diǎn)擊庫(kù)項(xiàng)目，之后在編輯框中調(diào)整。
復(fù)制和粘貼（copy & paste behavior）
當(dāng)設(shè)計(jì)師在文檔中復(fù)制和粘貼圖形的時(shí)候，所有的顏色、漸變、陰影和圖片也都會(huì)自動(dòng)復(fù)制到目標(biāo)文檔。如果目標(biāo)文檔已經(jīng)包含了必須的庫(kù)項(xiàng)目，這些都會(huì)被重復(fù)使用。
配置庫(kù)項(xiàng)目表現(xiàn)為參數(shù)（configuring library items to behave as parameters）
在每一個(gè)庫(kù)項(xiàng)目中“name”文本域的右邊有一個(gè)特殊的彈出按鈕（彈出按鈕上有一個(gè)齒輪圖標(biāo)）。
這里，設(shè)計(jì)師能夠配置庫(kù)項(xiàng)目表現(xiàn)。這對(duì)代碼生成很重要，就和使用符號(hào)一樣。
通過(guò)把改變行為的按鈕設(shè)置為“參數(shù)”，確保生每個(gè)畫(huà)布中成圖像方法，在庫(kù)項(xiàng)目使用中將有一個(gè)形參對(duì)應(yīng)特定的庫(kù)項(xiàng)目。這允許設(shè)計(jì)師，例如，創(chuàng)建一個(gè)繪制方法，使用設(shè)計(jì)師制定運(yùn)行的顏色繪制一個(gè)圖標(biāo)。
如果設(shè)計(jì)師選擇“stylekit”行為，庫(kù)項(xiàng)目將被自動(dòng)添加到 stylekit 中。
2.2 顏色（colors）
在 paintcode 中有三種類(lèi)型的顏色：
系統(tǒng)顏色 – system colors
基礎(chǔ)顏色 – basic colors（用戶自定義）
衍生顏色 – derived colors（用戶自定義）
系統(tǒng)顏色有：黑色、白色、透明、紅色、綠色、藍(lán)色以及一些灰色的陰影。設(shè)計(jì)師不能自定義系統(tǒng)顏色，它們也不能展示在庫(kù)中。但是，設(shè)計(jì)師能夠通過(guò)把它們添加到庫(kù)中，創(chuàng)建設(shè)計(jì)師所屬的顏色。這在基礎(chǔ)顏色以及衍生顏色中同樣適用。
基礎(chǔ)顏色（basic color）
基礎(chǔ)顏色是一些簡(jiǎn)單的顏色，而且不取決與其他任意顏色。設(shè)計(jì)師能夠隨時(shí)調(diào)整它。直接或者間接受到影響的圖形和庫(kù)項(xiàng)目（漸變，陰影……）也能夠相應(yīng)的更新。
衍生顏色（derived color）
衍生顏色是一種能夠自動(dòng)適應(yīng)另一種顏色的顏色。它能夠從使用內(nèi)置顏色操作的父級(jí)顏色中衍生而來(lái)。
– 調(diào)整透明度
– 調(diào)整色調(diào)
– 調(diào)整明暗
– 調(diào)整飽和度
– 應(yīng)用陰影
– 應(yīng)用強(qiáng)光
– 復(fù)制
當(dāng)父級(jí)顏色有所改變，會(huì)直接或者間接地使得其他演變顏色自動(dòng)更新。這些在庫(kù)中展示地顏色以較明顯地等級(jí)被排序——延邊顏色是基礎(chǔ)顏色的孩子。
使用顏色（using a color）
把顏色加進(jìn)圖形中有三種方式。
第一種方式，在畫(huà)布中，設(shè)計(jì)師點(diǎn)擊并拖動(dòng)連接點(diǎn)到圖形上，然后選擇設(shè)計(jì)師想要連接的顏色屬性。連接點(diǎn)會(huì)出現(xiàn)在庫(kù)中的顏色旁邊。如果所要連接的顏色并沒(méi)有在設(shè)計(jì)師的文檔中使用，就會(huì)顯示一個(gè)空的圓形。
另外一種方式，是在檢查其中設(shè)置邊框（stroke）或者填充（fill）屬性來(lái)完成，當(dāng)相對(duì)應(yīng)的顯示器是空的，這意味著相對(duì)應(yīng)的屬性（邊框或填充）是未被設(shè)置的。當(dāng)設(shè)計(jì)師點(diǎn)擊邊框或填充相對(duì)應(yīng)的顯示器的時(shí)候，會(huì)出現(xiàn)一個(gè)與上下文相關(guān)的菜單，允許設(shè)計(jì)師選擇設(shè)計(jì)師想使用的顏色。這個(gè)菜單與設(shè)計(jì)師的庫(kù)相連，在上下文菜單的頂部包含一組系統(tǒng)默認(rèn)顏色。
另外，想要在設(shè)計(jì)師的圖形中停止使用這個(gè)顏色，只需要在相對(duì)應(yīng)的屬性顯示器中，點(diǎn)擊顯示器左邊的紫色帶“x”的圓形。（上圖fill中所示）
第三種方式，通過(guò)從顏色彈出按鈕中選擇顏色使用。
所有的方式，設(shè)置的顏色是相同的，設(shè)計(jì)師應(yīng)該選擇設(shè)計(jì)師覺(jué)得最方便的一種。
添加一個(gè)新顏色（adding a new color）
有幾種方式添加一個(gè)新顏色：
在庫(kù)中的顏色列表的頂部，點(diǎn)擊“ ”按鈕。 在顏色彈出菜單中，點(diǎn)擊“添加新顏色（adding new color…）”菜單選項(xiàng)。在彈出按鈕中，用這種方式也能夠創(chuàng)建新顏色。 在檢查器的顯示器中通過(guò)“command click”的方式也能夠添加新顏色。通過(guò)這種方式，一個(gè)顏色的副本將被添加到庫(kù)中。
當(dāng)設(shè)計(jì)師在庫(kù)中添加顏色之后，顏色編輯菜單就會(huì)顯示。（注意，設(shè)計(jì)師也可以從另一個(gè)文檔中，通過(guò)復(fù)制和粘貼帶顏色圖形的方式添加顏色，也可以雙擊一個(gè)漸變控制。）
編輯顏色（editing a color）
設(shè)計(jì)師可以在庫(kù)中雙擊來(lái)編輯顏色，也可以點(diǎn)擊檢查器的顯示器，彈出編輯顏色窗口。
文本域中顯示了顏色的名字。paintcode 為設(shè)計(jì)師生成了這些名字，但設(shè)計(jì)師也可以給這些顏色重命名。
這里有“基礎(chǔ)”以及“衍生”兩種顏色類(lèi)型。
基礎(chǔ)顏色的設(shè)置為“無(wú)”。對(duì)于基礎(chǔ)顏色，設(shè)計(jì)師只需要使用顏色選擇器選擇一個(gè)特定的顏色。設(shè)計(jì)師可以在不同的格式中中設(shè)置精確值，調(diào)整旋鈕，或者在右下角彈出框中使用放大鏡從屏幕上選擇任何顏色。
當(dāng)設(shè)計(jì)師選定了基礎(chǔ)顏色，設(shè)計(jì)師也就得到了“衍生”顏色。對(duì)于衍生顏色，設(shè)計(jì)師必須制定所需的操作和數(shù)值。例如，設(shè)計(jì)師可以設(shè)置一個(gè)顏色和庫(kù)中已有的其他顏色相同，但透明度為50%%u3002這是一個(gè)非常有用的功能。
當(dāng)父級(jí)顏色變化的時(shí)候，衍生顏色也會(huì)隨之變化。
刪除顏色（deleting a color）
當(dāng)設(shè)計(jì)師想刪除在設(shè)計(jì)中使用的顏色時(shí)，刪除列表就出現(xiàn)了。刪除列表包含設(shè)計(jì)師所有的圖形以及其他庫(kù)項(xiàng)目，當(dāng)設(shè)計(jì)師刪除顏色的時(shí)候，它們都將受到影響。
當(dāng)刪除掉顏色后，所有相對(duì)應(yīng)的圖形、漸變、陰影以及變量都將會(huì)被替換為默認(rèn)顏色（紅色）。所有的刪除后的顏色都將直接變?yōu)榛A(chǔ)顏色，但在視覺(jué)上會(huì)保持一致。
使色彩表現(xiàn)變成生成代碼和符號(hào)中的參數(shù)（making color behave as a parameter in generated code and in symbol）
要了解更多如何設(shè)置顏色和其他庫(kù)項(xiàng)目為參數(shù)，請(qǐng)閱讀庫(kù)項(xiàng)目行為（library item behavior）章節(jié)。
2.3 漸變（gradients）
漸變可用于填充矩形、橢圓、貝塞爾曲線、星星以及多邊形。paintcode 支持多步漸變。設(shè)計(jì)師也可以選擇線性漸變（定義一個(gè)角度兩個(gè)點(diǎn)）或者環(huán)形漸變。漸變?nèi)Q于使用的顏色，當(dāng)顏色有調(diào)整的時(shí)候，漸變也會(huì)隨之更新。
使用漸變（using a gradient）
使用漸變，單擊并拖動(dòng)漸變的連接點(diǎn)到一個(gè)畫(huà)布的圖形上：
或者，設(shè)計(jì)師可以簡(jiǎn)單的在檢查器的顯示器中點(diǎn)擊一個(gè)空的瞄邊或者填充， 從上下文菜單中選擇一個(gè)漸變：
還可以通過(guò)，從填充彈出菜單來(lái)選擇漸變：
這個(gè)菜單會(huì)在庫(kù)的顏色以及漸變中自動(dòng)彈出。
添加漸變（adding a new gradient）
有兩種方式添加漸變：
點(diǎn)擊庫(kù)中漸