How to center two elements with auto layout?

Question

How to center two middle squares with autolayout to preserve equal spaces between all of them?

Actually, i can outlet constraints and set it with computations involving container width and so on, but maybe there is some more smart way?

Do you want to use interfacebulder or by the code ? – Kevin Machado Mar 31 '15 at 08:02 — Kevin Machado, Mar 31 '15 at 08:02

score 2 · Accepted Answer · edited Jun 20 '20 at 09:12

My approach, with Interfacebuidler, is using "spacer views"

Spacer views are UIView that I have set to match widths equally.

Autolayout - vertically

.1. Black frames are UIViews

.2. UIImageView are squares

.3. Set equals width beetween spacer views

.4. Set equals width beetween squares

.4. Add edge constraints beetween spacer views and squares

.5. Set spacer view to transparent

If you need more detail to do that with Interface builder or by the code you should read this post :

Hope this can help you ;)

1 Answers1