怎樣在Xcode 6中使用向量圖形

iOS應用的視覺形式通常是以圖形元素驅動的。在設計開發一款應用時，你需要不同規格的應用圖示，例如不同尺寸的Default.png圖片，同時還需要為UI的實現準備@1x和@2x圖形資源。所有這些圖形元素都會讓你的產品看上去更吸引人，但弊端也是很明顯的 – 你需要為每種規格的圖形元素單獨切圖。而隨著iPhone 6及Plus的釋出，我們又多了一套@3x需要處理，事情變得越來越複雜。

幸運的是，蘋果在Xcode 6當中給我們帶來了一些很棒的工具用以管理圖形資源。更棒的是，新的工具和實現方式可以幫我們從容的應對未來的iOS裝置，例如基於Storyboard為iOS 8裝置生成啟動圖片，這樣你就無需再為不同的裝置型別單獨製作。此外還有一個非常重要的新功能，就是在應用構建階段基於PDF圖片檔案自動生成各種規格的圖形資源。本文中，我們就來一起探索一下這種能幫你節省大量時間成本的方法。

在WWDC的“Interface Builder新功能”當中，我們可以看到關於怎樣在Xcode當中基於向量化的PDF檔案生成PNG圖片的簡短演示。下面我們來詳細看一下。

第一步：使用Illustrator生成PDF向量圖形

首先，我們需要PDF格式的向量圖形。你可以使用Adobe Illustrator或你所熟悉的其他向量圖形工具來生成；@1x規格的即可。

如果你使用Illustrator：

1. 為即將匯出的圖形元素建立新文件，使用@1x規格來設定文件的尺寸。
2. 將需要匯出的圖形元素複製到新文件當中。
3. 在“File”選單中選擇“Save”。
4. 在儲存時記得取消勾選“Preserve Illustrator Editing Capabilities”。

由此匯出的PDF是可拉伸的向量圖形，可以在iOS中被完美的處理為@2x和@3x規格。下一步，我們看看怎樣在Xcode當中進行設定。

第二步：在Xcode專案檔案中進行設定

要使用向量化的圖形資源，你需要在Xcode當中通過Asset Catalog來管理圖片。不用擔心，你仍可以將標準的圖形匯入方式與XCAssets混合起來使用，不會產生問題。執行以下步驟：

1. 如果還沒有XCAsset檔案，那麼建立一個。如果已經建立過，就在專案中開啟。
2. 在“Editor”選單中選擇“New Image Set”。
3. 在新建立的圖片集中，選擇空的圖片集，然後開啟Utilities皮膚。
4. 選擇屬性檢查器Attributes Inspector。
5. 在型別下拉選單中，選擇“Vectors”。
6. 圖片集會變為只有一個拖放點的“All – Universal”。
7. 將你的PDF向量圖形拖放到圖片集當中。