設計師眼中功能強大的Xcode

做爲設計師，不只要能創造出移動爲先的新產品，更要了解能創造出優秀移動做品的工具。這個實現過程可讓咱們的設計更加優秀。

　　過去兩個月，我天天在 Xcode 上花費的時間大約有 10 個小時，我學到了不少徹底改變個人工做流程的技術。Xcode 是一款成熟的工具包含了不少強有力的但沒被常用的功能。若是你不肯定 Storeboard 是 CSS 的將來，或者沒有直接使用 Xcode 工做，這篇文章至少會告訴你 Xcode 如何爲你的設計作準備和它有什麼可能的限制。

　　預覽你的設計

　　如同你跨多分辨率設備，在瀏覽器中預覽 web app 同樣，你能夠經過 Storyboard preview 這個強大的功能來進行預覽。

　　在這個屏幕上，我預覽了設計在 iPhone 4 的 3.5 英寸屏幕上的展現狀況，而不用在模擬器中運行和導航至特定的頁面。

　　給圖片着色

　　對於設計師來講，在程序中爲多個實例必須建立多個資源是設計過程當中遇到的主要障礙之一。Xcode 能給你的圖片着色，你只需知道它，由於這個不會貫穿使用。

　　爲導航欄按鈕着色

　　若是設置爲系統就能夠爲爲按鈕圖片着色，系統會給你一個很好的按鈕按下狀態轉換。UIImage 不容許你簡單地爲圖片着色，除非是在代碼中，因此每每你應該使用 UIButton 代替，它有更多選擇。

　　使用十六進制顏色

　　自從 Photeshop 和 Sketch 以來，許多的設計師常使用十六進制編碼來配置顏色值。爲了使用十六進制編碼，你必須下載 「Hex Color Picker」增長色彩檢測。

　　它也是更精確的顏色選擇器工具

　　嵌入和解除嵌入

　　考慮到在 Photoshop 中以文件夾的嵌入。Xcode 容許你把許多元素集成進 UIView 或者 UIScrollView 裏。因爲 UIView 在 Canvas 動畫、組織目的以及選擇方面很是有才能，你能夠把相關的元素嵌入到一塊兒。

　　我喜歡嵌入功能，我能夠添加鍵盤快捷鍵（像 Sketch 快捷鍵同樣）來建立文件夾。

　　我正在建立多個列隊動畫，我把這些元素分組派進多個嵌入，這樣我能夠對它們單獨動畫。

　　自動佈局

　　這是一個連許多經驗豐富的開發者也頗爲頭疼問題。因此我試着簡化它。這是一個容許你的設計自動適配的工具。

　　我想要讓 Canvas 中的白色方框在水平方向上和垂直方向上居中。首先，打開預覽。如圖所示，在 iPhone 4 中，白色方框錯誤地自動調整大小。

　　把白色方框拖至 Superview（that’s how they call the canvas），我選擇了在 Container 中居中。按住 Shift 鍵，點擊水平方向和垂直方向，而後你必須設置白色方框的寬度和高度。

　　這是最基本的。對於複雜的場景，它要花費不少時間來練習，我建議你看看 WWDC 視頻：Taking Control of Auto Layout in Xcode 5。

　　若是你想要節省開發時間，你應該明確的學習自動佈局。

　　動態字體

　　iOS 7 引入了基於用戶喜愛設計字體大小的能力。

　　即時使用自定義字體，你可使用 iOS 7 的 Text Styles 來設置用戶喜歡的大小。

　　操做和對話框

　　在 Xcode 中，你能快速建立操做表單和對話框。爲何花那麼多時間在蘋果已經很完美的東西上呢？

　　使用已經成熟的功能，這樣你能夠更加關注 app 其餘部分。

　　簡單使用相機

　　在 Xcode 中只需 20 行代碼就可使用 Xcode 的相機了。

　　聲音

　　帶有聲音的 app 會更加有趣。使用 SimpleAudioPlayer 一行代碼：[SimpleAudioPlayer playFile:@」filename.mp3"];  就能夠播放音樂。

　　動畫效果

　　使用 SimpleMotionEffects 一行代碼：[self.myView addMotionEffectWithMovement:CGPointMake (15, 15)] ；你能建立這樣的效果。

　　最後的思考

　　若是你已經開始了，那麼在 9 天時間裏建立一個 iOS App 是可能實現的。iOS app 能像 Web app 那樣快速建立，對大多數設計師來講只是一個時間問題。

 

 

來自: www.cocoachina.com