
iOS Window Preview
by Jeremy Bante
Overview
Version 2 (2014-09-10) adds support for iPhone 6 and 6+ screen sizes.
iOS Window Preview resizes the current window so the content area matches what would be available on an iPhone or iPad. This helps developers design layouts for iOS devices without constantly switching back-and-forth between a test device and a desktop development machine.
License
Anyone may do anything with this software for any purpose. There is no warranty.
Download
Download from GitHub. If you are not comfortable working with GitHub, you can download the repository directly.
Jeremy
is the 6+ 5.5in landscape size right?? seems more square than rectangular
john
John, I did get the 6+ dimensions wrong the first time out for both portrait and landscape. I failed to account for the downsampling specific to that device. I just corrected it.
What design concerns are there for resolution? The 6 has a res of 1920 x 1080, which I imagine would leave apps designed for other models looking pretty tiny? The 6 res is 1334 x 750, for example. The functions like Get ( SystemVersion ) or Get ( Device ) don’t seem to specify 6 vs. 6+…
Correction: The **6+** has a resolution of 1920 x 1080.
The iPhone 6+ does have 1920×1080 physical pixels, but the screen is treated as a 414×736 point addressable display — Retina works in mysterious ways. There is still a pretty dramatic difference, though. Practically speaking, the iPhone 6+ (304,704 square points) is still much closer to the iPhone 6 (250,125 sq. pt.) than the iPad (786,432 sq. pt.) Resizable objects can help make one layout work well enough across different iPhone sizes, but there’s no substitute for testing anew with each application. The Get ( WindowHeight ) and Get ( WindowWidth ) can be used to distinguish between the iPhone 6 and 6+.
Thanks, Jeremy, for the Get ( WindowHeight ) suggestion. I did a bit of research about Retina display after this post; it is indeed mysterious.