Apple今年推出的iPhone 6和iPhone 6+螢幕大小為4.7吋和5.5吋，這對開發者來說無疑是個新的考驗，因為先前我們只要在3.5吋和4吋做設計，如今一次多了兩款大小！以為一個專案要同時為四種大小做設計，事實上也是如此⋯⋯不過呢～Xcode也隨著iPhone進化，我們只要透過新的功能特性，即可簡化設計不同螢幕大小的程序！
寫程式同時也在設計（所以才叫做程式設計師），界面最好能夠直接在電腦螢幕上預覽，比起一維的程式碼，二維的畫面更加直覺！在新的專案中，我開始使用「自動佈局（Auto Layout）」技術，設定好後在四種螢幕大小顯示效果相當好，Xcode的各尺寸畫面即時預覽做得相當棒，且看一下我的一個畫面吧！
看得出來由上而下，分別是3.5吋、4吋、4.7吋、5.5吋嗎？我只是做切換預覽的動作，元件就依照我所設定來「自動佈局」！不太需要跑各種螢幕大小的實機或模擬器囉～當然如果是用code寫自動佈局，還是要編譯執行跑結果啦：Ｐ～
參考：iPhone 4/5/6 手指觸及範圍、[寫真] iPhone 5C、[寫真] iPhone 6 與 iPhone 6+。
廣告
發表留言