Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

iOS

Xcode 6 [Objective-C]: Storyboard not showing up the same in the simulator and UI Image View background getting deformed

Hello,

The problem I have is that what I planned for in my Storyboard it shows up different in the iOS Simulator. For example, the username field in the simulator takes up the whole screen whereas in the storyboard it is only supposed to take up 1/6 of the screen.

Moreover, the background for the storyboard is a .PNG image put into a UI Image View and stretched. The simulator shows the image distorted, deformed, and shadeless.

What it should look like in the simulator (the storyboard): alt text

What it looks like in the simulator right now: alt text

1 Answer

Patrick Cooney
Patrick Cooney
12,216 Points

The text field issues may be a constraints thing. Do you have "Autoresize subviews" checked? That may be doing it. And are you sure your image is actually the right size? What was it exported out of? If you make the file the pixel dimensions of the phone and then save it out with a high dpi some programs multiply your pixel dimensions by whatever dpi you selected. For instance if you make your image 750 x 1334 (iPhone 6) and tell it to be 300 dpi on export (because new retina is capable of that) it will multiply your original 750 x 1334 by 300 to give you something ginormas.

Hi Patrick Cooney,

How do I check if I have Auto Resize Subviews checked?

Thanks,

Arman