CODEWITHSUNDEEP
iosiphonexcodestoryboard
Michael
Michael

Reputation: 2099

Xcode Storyboard - How to change font size and position of elements between different iPhone screen sizes

So I have the following layout in storyboards, everything works fine on the 3x screen sizes but I would like to try and tidy up the font sizes and the position of the button icon relative to the button text.

See below what I mean, basically what I want is for each screen size to look very similar to the 4.7 screen layout e.g. the spacing between the text and the icons (also how can I get the font to scale down slightly on the 4 inch screen as it looks too big but ok on the rest of the screens.

Any idea what constraints I need to put on the icons and text to get it to look the same on each screen size.

Upvotes: 3

Views: 1743

Answers (2)

Basir Alam
Basir Alam

Reputation: 1358

In auto layout use multiplayer to increase and shrink the element. Please see the example below:

Set the constraints as shown Set the constraints with multiplierSet height multiplierAdd constraints for labelAdd centre contain for label to fix in centreset minimum font size

Now run your app and check in all device type. Hope this will work for you.

Upvotes: 2

casillas
casillas

Reputation: 16813

If you are using autolayout, you can set aspect ratio constraints for width and height of the imageView to the cell content view, that way, if the cell grows image will grow too.

The following link might be useful http://candycode.io/how-to-set-up-different-auto-layout-constraints-for-different-screen-sizes/

Upvotes: 0

Related Questions