通用布局与不同的iphone / ipad故事板

Question

Is it okay to use different storyboards for different screensizes? I just can't make my png and icons images work for one storyboard as universal, it's a pain!

What about universal iPhone and universal for iPad? What's the best way?

Thanks

Answer 1

You can also use one storyboard and set layout and font according to your requirements.

1) To set up layout properly for both iPhone and iPad, you need to use Aspect Ratio. You can check the answer in detail following these two links:

1) What constraints should be given to increase size of imageview with respect to device screen size without reducing image clarity

2) Calculating Aspect Ratio for all sizes of iphone - It will work for both iPhone and iPad.

---

2) To set different font size for iPhone and iPad, there is a setting in your storyboard, check the image.

there is the + symbol near your Label . For iPad , you need to set Regular height and regular width . And for iPhone it will take regular font size. (AnyHeight , AnyWidth) .

Check the screenshots for better understanding.

Output :-

As a conclusion, you don't need to take different storyboards for iPhone and iPad. I hope this answer will help you.

Answer 2

Although you can use multiple storyboards for multiple screens it usually isn't necessary if the layout is similar enough. Note at the bottom of the attributes inspector in the interface builder there is a box called installed. You can use this to specify what constraints go where. Add the ones you want to the devices you want and remove them from the others.