Development Tutorial for iPhone X

Where To Go From Here?

You now have a good idea of how to design apps that look great on the iPhone X, as well as the other iPhones. Here is a bundle of the two sample projects, with all the code from this tutorial. If you want to dig deeper, check out these resources:

Apple

• Designing for iPhone X: Mike Stern presents the iPhone X Human Interface Guidelines
• Building Apps for iPhone X: Paul Marcos updates the WWDC app, fixing three issues by using safe area layout, setting background color for background view instead of content view, and moving search bars into the navigation bar.
• iPhone X Design Resources: Templates for Photoshop, Sketch and Adobe XD.

raywenderlich.com

If you’re new to auto layout, or just need to brush up, check out our tutorial and video course:

• Auto Layout Tutorial in iOS 11: Getting Started: Updated to iOS 11, Xcode 9 and Swift 4, but pre-iPhone X-announcement.
• Beginning Auto Layout video course: At the time of writing this tutorial, this video course was up-to-date for iOS 10, Xcode 8 and Swift 3.
• Adaptive Layout Tutorial in iOS 11: Getting Started: Updated to iOS 11, Xcode 9 and Swift 4, but pre-iPhone X-announcement. Create a single layout that works on all iOS devices, without platform-specific code. Adaptive layout will also look good on future devices that haven’t even been released yet.

I hope you’ll soon have your apps running beautifully on the iPhone X. If you have any questions or comments, please join the forum discussion below!