Interface Builder - after update fram object's position changed - interface-builder

When set constraint for object from SuperView, frame needed update and after frame updated, object's position increased to -4 from right and left but constraint equal 0.
Xcode 7.2

Select my ViewController and go to atribute change simulated metrics Size to iPhone 5.5".
The problem becuase i select Size iPhone 3.5"

Related

Xcode 8.3.3 autolayout - view is disappearing runtime when setting constraints

I'm trying to make a divider, so what I do is:
1) Make a new View
2) Change the background to the color I want the divider to be
3) Control click and center it horizontally on a label on top of it
4) Compile, my view is gone.
5) Remove constraints, compile, my view is there.
6) Add left and right constraint for autosize, compile, view is gone.
It also states that the height of my view is ambiguous.
How can the view be gone by merely constraining it?
Screenshot:
Your view does not disappear. It just getting zero size.
When you remove constraints it won't iOS won't layout your view that is why it's size not changing.
And in you last case with leading/trailing constrains your view will calculate its width depending on it's superview width, but since system can't calculate height it gonna change it to zero.
Other views and like labels and images have content and with a help of defined intrinsic content size they system won't resize them to zero sizes but to their content size.
here is my output I tried in swift using Xcode and tried setting constraints as I do

Xcode 8 - How To Disable Auto Adjustment Of Views When Deleting a Constraint In Storyboard

Before when I delete a constraint that sits between two views, the position or size of the two views doesn't get affected(meaning they don't automatically adjust itself in the storyboard). But now it does. An example would be let's we have two UIButtons aligned horizontally. I set the height and width of one equal to the other. Then if I delete one button, the other button will change it's size in the interface builder.
Is there a way to disable the auto adjusting of sizes and position of views when their constraint changes?

Interface builder: Autolayout for MapView

Xcode 8 beta 8S128d
Interface Builder and Autolayout has always puzzled me. I can simply not make it do what I want.
Example: Just need an ImageView to fill up the screen(parent), but from the top the ImageView should be be proportional to the top.
------------------
- 10% free space -
------------------
- -
- MapView -
- -
------------------
Add MKMapView to Parent View.
Pin: Right, Left, bottom = 0.
Add Equal to hight for the parent and set the multiplier to 0.90
This works for ImageView but not for MapView.
I don't have a solution but a viable Workaround
Instead of pinning the map to the borders of the enclosing container do the following
1) give equal width and heigth for mapview and its container
2) manually change height constraint from 1 to 0.99
3) center mapview horizontally and vertically in container.
You'll need some retries but it works
Edit: Caveat: Interface Builder keeps complaining about missing Y-constraint after crash (and re-entering warnings) but the app lays out well.
Struggled with this in Xcode Version 8.0 and Swift 3 - it might be, that in future revisions of Xcode this problem will be solved

Overflow-Y scroll not working

I got the constraints just how I want it in iPhone 5 it fits in one screen and in iPhone 4 it overflows to the bottom which is fine. But why can't I scroll down?
iPhone 5:
iPhone 4:
As you can see in iPhone 4 the bottom is not visible and all I want is to be able to scroll there.
Even without seeing how you are settings the constraints on the Interface Builder, I think that doing like below could help you to solve your problems:
Possibly you are not embeding all views in a scrollView properly. If so, select all subviews, choose Editor from menu -> Embed In -> View to wrap everything in a container. (UIView). After that select the container then choose Editor -> Embed in -> Scroll view
Set up all necessary constraints between subviews and the container ( As you did before making the view in the shared screenshot)
Set up all margins between the container and the containing scrollView to be zero ( top/ left/ right/ bottom = 0). Ensure that the scrollView fit the screen by having zero margin constraints as well.
Last but not least, set a width constraint of the container to any number you want (e.g.: 320 /375), then make an IBOutlet for this constraint
On viewDidLoad, set the constant of the container's width constraint you made in step 4 to current screen width.
That's all.

"Add New Constraints" checkboxes and fields are disabled

I have a project I am upgrading from Xcode 4.6.3 to Xcode 6.1.1. I opened it in Xcode 6.1.1, and opened each .xib. The format of each .xib changed as expected. I want to attempt to use auto layout. Use Auto Layout is checked and so is Use Size Classes. I changed every appropriate object from Alignment Frame to be Alignment Rectangle.
For a while I couldn’t add any constraints. Then after some trying I could add a few. See the screenshot.
For the selected View, I cannot add a constraint. The Add New Constraints checkboxes and fields are disabled. Only Update Frames is available to be changed. I can’t add an alignment constraint either. Ctrl-drag a line off the view does not add a constraint either. Notice the View height of 411. If I select another object, then select the View again the height will change to be the height of the parent tab bar less. If I keep doing that the height gets smaller and smaller, then Xcode crashes. How can I add a constraint to this view?
The Tab Bar X, Y, Width, and Height are disabled. When I change the Height of the Assigned View Controller View, the Tab Bar Y changes to that value minus the Tab Bar Height of 49. When I select the View, again it’s Height is now 49 less. Select the Tab Bar, it’s Y is now 49 less. And so on. How do I set the dimensions of the Assigned View Controller View that will stick when I cannot add contraints?
I had the same issue. In my case, the view layout setting was set to Translate Mask Into Constraint. I resolved it by changing it to Automatic in Size Inspector.
Xcode 12, Xcode 13
For UI elements where adding constraints are disabled, check Layout in the Size Inspector:
If Layout is set to Autoresizing Mask change to Inferred.
or
Inferred(Constraints) - The UI element already has one or more constraints.
Inferred(Autoresizing Mask) - The UI element currently has no constraints.
Steps to enable autolayouts:
Select any UI element, in storyboard.
Click on Show the Size Inspector.
Click on dropdown beside Layout option, select Automatic from dropdown.
Zev has the answer. You can't add constraints directly to the top-level view in a view controller.
In regards to the height of the View decreasing when selecting it, I started over from the original .xib making small changes and taking notes. When I checked "Use Auto Layout" and "User Size Classes", got alert the document will no longer be compatible with Xcode 5. Window frame size went from 320 568 to 600 600. ibExternalTranslatesAutoresizingMaskIntoConstraints went from 1 to 0. Other changes apparent as well. Adding constraints to objects contained in View one at a time I am getting good results. The behavior of the View height decreasing when I select it is gone.
Trick to enable constraints on the root view:
Inside the xib, drag a new view that will be sibling to the initial root
view.
Move the initial root view inside the sibling view. It will be
able to have own constraints.
Move the initial view back to be a
root.
Delete the empty sibling view.
Xcode 12 Swift 5
Select the UI Control and click on Show Size Inspector window
Change Layout option to Inferred (Autoresizing Mask))
By default the Xcode 12 keep the setting of layout to Autoresizing Mask, If you want to apply the constraint used Inferred

Resources