打開(kāi) Xcode ,選擇如圖所示的 Single View Application, 點(diǎn)擊 Next.
一般設(shè)計(jì)的 Mockup 都會(huì)加上 Status Bar, 所以在如下界面赤套，需要勾選 Hide status bar.
點(diǎn)擊左側(cè)列表的 Main.storyboard, 會(huì)看到 View Controller, 它相當(dāng)于 Sketch 中的 Artboard.
點(diǎn)擊最右側(cè)的 Inspector 中的 File, 就會(huì)看到如下頁(yè)面辫樱。然后 Uncheck "Use Auto Layout" & "Use Size Classes", 會(huì)得到像 iPhone6s Size 大小的 View Controller. 點(diǎn)擊播放按鈕仗考，會(huì)出現(xiàn) iPhone6s 的模擬器界面惧蛹。
點(diǎn)擊左側(cè)列表中的 Assets.xcassets, 再將從 Sketch 中導(dǎo)出的圖片拖到 Xcode, 如下圖所示踪宠。
回到 Main.storyboard, 將 Inspector 中的 View Controller 拖到 Canvas, 有幾個(gè) Mockup, 就拖幾個(gè) View Controller, 注意將 size 改為 iPhone6s 大小代咸。
點(diǎn)擊右下角的 Media library, 將其中的 Mockups 按順序拖到 View Controller中译荞，如下圖所示。選中所有的 VC 將 Status Bar 選為 None.
現(xiàn)在來(lái)創(chuàng)建交互動(dòng)作忿晕，選擇右下角的 Button, 拖到 VC 中的 Nav Bar 上装诡。其中，按住 Option 鍵拖動(dòng)践盼，可以復(fù)制鸦采。然后點(diǎn)擊某個(gè) Nav Bar 上的按鈕，長(zhǎng)按 Control 鍵咕幻，拖動(dòng)鼠標(biāo)到另一頁(yè)面上渔伯，選擇交互動(dòng)作即可。另肄程，在模擬器中锣吼，按 CMD+SHIFT+H, 可回到桌面。
