1

I did a UIView with UIView embedded inside. I used constraints to get a decent UIView but it is not yet working the way I want even though the result is okay.

I would like to get the same results I have on the iPhone 4.7 inch into the iPhone 5.5 inch and the 4 inch.

For that, I think I need to resize the blue UIViews but I have no clue how to make them auto resize from storyboard nor programmaticaly. I remember a long time ago, I did it for an Android Application and it was easy, I just needed to give a % bigger or lower.

Is there a way to do it with iOS ?

stupids uiviews, resize yourselves please

Hal Mueller
  • 7,019
  • 2
  • 24
  • 42
Bryan ORTIZ
  • 306
  • 3
  • 17
  • it is possible please go thru the constraints and size classes concept you will get the clear understanding – Smile Dec 22 '15 at 15:28
  • may be this can help you....http://stackoverflow.com/questions/31517024/xcode-6-constraints-with-button-images/31518450#31518450 – Bhavin Bhadani Dec 23 '15 at 04:43
  • you want the uiviews to get smaller and bigger as per the phone screen changes? – Rahul Patel Dec 23 '15 at 05:12
  • I am not getting exactly what you want, There are 3 possibilities,1. you want to keep size constant and need variable spacing as per screen size, 2. You want to keep spacing fix but want to have variable view size 3. You want scaling-> size of the views as well as spacing both should change as per size of the device – Mehul Thakkar Dec 23 '15 at 05:21
  • Are these 6 UIViews. Or a Collection view ? – Irfan Dec 23 '15 at 07:46

4 Answers4

3

If These are UIViews. Then you can do the following:

  1. Select all the views at once:

enter image description here

Try this. And let me know if some issue arise.

Hope this can help.

Irfan
  • 5,070
  • 1
  • 28
  • 32
  • Perfect answer, it went smooth and fast, that was the way I was looking for, I finally understood how Equal Width/Height works now, thank you – Bryan ORTIZ Dec 23 '15 at 10:05
1

I believe ismail's comment is correct, size classes are the correct way to do this in storyboard.

If you are looking for a more programmatic solution, you can implement the sizeForItemAtIndexPath method on UICollectionViewDelegateFlowLayout, for example, you could calculate the width of each device and return the right proportions for each cell using the method mentioned. Basic example:

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize { 
    return CGSize(width:10, height:10)
}

Be sure to account for your collection view spacing and section insets when calculating your widths and heights.

tfrank377
  • 1,858
  • 2
  • 22
  • 34
1

You can do it with Autolayout and Size classes. Here are links to great tutorials:

Autolayouts

Size Classes

Irfan
  • 5,070
  • 1
  • 28
  • 32
Moonkid
  • 881
  • 7
  • 17
1

Apple stated that simply selecting all views in the scene, and hitting "Add Missing Constraints" or "Reset to Suggested Constraints." will solve the majority of auto-layout issues. Give that a shot first and foremost. (I'm looking for the source now, will edit answer with it soon).

Then, check out this Apple document on resolving auto-layout issues. It is a short article that will help you understand how to debug what you are trying to do:

https://developer.apple.com/library/ios/recipes/xcode_help-IB_auto_layout/chapters/ResolvinganItemsLayoutIssues.html

Henry F
  • 4,960
  • 11
  • 55
  • 98