Autolayout: Add constraint to superview and not Top Layout Guide?
I have a UIView in my UIViewController in storyboard which I want to add a constraint on to space that view a distance from the top edge.
Now, when I do the usual by ctrl + drag to the ViewController’s main view I only get option to set it to top layout guide.
This is a problem for me because at one point in the app Im going to move the main view up around 20-50px and what happens then is that view I have will not move… because its not aligned to superview.
How can I manually do this in storyboard or do I have to add it programatically?
Im using xcode 6.
- UIScrollView in Storyboard not working with iOS 8 Size Classes and Autolayout
- if we're in the real pre-commit handler we can't actually add any new fences due to CA restriction - could this mean something here?
- UICollectionView Self Sizing Cells with Auto Layout
- UIScrollView animation of height and contentOffset “jumps” content from bottom
- iOS 7 TableView in a ViewController and NavigationBar blurred effect
- UILabel in UITableViewCell with auto layout has wrong height
7 Solutions Collect From Internet About “Autolayout: Add constraint to superview and not Top Layout Guide?”
There is an arrow to the right of the constraint constant value. If you click on it, a menu pops out where you can choose what is it that you want to make your constraint relative to. If you choose ‘View’, than it will pin it to the top of the view.
You should be able to do it by highlighting the view you want in the storyboard and then selecting
Editor > Pin > Top Space to Superview in the top menu.
This is outdated in XCode 7, see @PaulGurov’s answer instead.
One can also add that if the view you are trying to pin is not a direct subview of the view that you want to pin it to, the suggested approach is not really valid. Let’s say the view hierarchy looks like that and you want to pin the image view (
Parallax Image View in this case) to the view controller’s view (
View in this case).
To do that you just Control + Drag from the
Parallax Image View to the
View. That presents the default choices where you can see
Vertical Spacing to Top Layout Guide to pin the
Parallax Image View to the top layout guide.
What you want is to pin it to the top (margin) of the view. To do that you have to switch to the other set of constraints by pressing Alt
I had a whole bunch of constraints already there and I just wanted to change them rather than break them. Turns out if you double click on the constraint to edit, then click on the item that has the “.Margin”, you can just turn off the “Relative to Margin” by selecting that item.
Dan’s answer works. I just wanted to state that if you set your view in storyBoard at y < 20, and configure constraints through the pin panel, it will set top to superview:
If the height of the view is set to 0 by accident, Vertical Space to Top Layout Guide will NOT appear. Vertical Space to Bottom Layout Guide will appear, however, which must have made sense to someone inside Apple circa 2004.
None of the above answers worked for me, instead I have to do a hack to set my subview’s top with superview’s top instead with Top layout guide.
- First, set the subview center vertically with superview.
- Then, change the Center Y constraints for subview as well as superview to Top constraint.
You are good to go now.
- Xcode failed with exit code 71
- Firebase pending dynamic links not working
- IOS – How to segue programmatically using swift
- iOS : ARC, not freeing memory
- Xcode 7.0.1 with CocaoPods app compile error Exit code 1
- iOS UiWebView “Frame load interrupted”
- Swift compiler segmentation fault when building
- Store in NSUserDefaults
- Rotation methods deprecated, equivalent of 'didRotateFromInterfaceOrientation'?
- Can't change UITextView frame size programatically
- Anonymously Log In to an App with iCloud Apple ID
- PerfomSegue's in UITableViewCell Class
- Swift : tap on a part of text of UILabel
- How get list of folders and files from resource folder in iPhone?
- How to detect all touches in Swift 2