CODEWITHSUNDEEP
iosautolayoutuistoryboardnslayoutconstraintuniversal-storyboard
potato
potato

Reputation: 4589

position a view in storyboard at 1/3 of screen size

I'm trying to position a view in storyboard to always have it top edge at 1/3 of screen size. I have currently set a constraint to Top Layout Guide, but the constraint's constant is...well it is constant no matter which screen size it is used in, but I want it to be 1/3 of screen size. Can this be done entirely in storyboard? Thanks for answers

Screenshot of current state:

enter image description here

Upvotes: 16

Views: 7120

Answers (4)

Viktor Kucera
Viktor Kucera

Reputation: 6335

For anyone trying to make this work programatically I was not able to handle that by 'anchors' style but old NSLayoutConstraint initializer worked:

let constraint = NSLayoutConstraint(item: floatingBtn,
                                    attribute: .centerY,
                                    relatedBy: .equal,
                                    toItem: view,
                                    attribute: .bottom,
                                    multiplier: 1/3,
                                    constant: 0)
constraint.isActive = true

Credits to accepted answer.

Upvotes: 5

Danil
Danil

Reputation: 2537

You can setup it against center or bottom. Here is an example constraints related to center: (1/3 from top = 1.66 from center) contraints

Upvotes: 4

Tamás Zahola
Tamás Zahola

Reputation: 9311

Create a constraint between the view's top edge and the superview's bottom edge. Set the constraint's constant to zero, and set its multiplier to 1:3. Like this:

enter image description here

Upvotes: 28

almas
almas

Reputation: 7187

You can add empty (clear color) UIView, pin it to the top, and set it's height to be equal to 1/3 of the superview. Then you can pin the top of your yellow view to the bottom of your empty UIView.

Upvotes: 3

Related Questions