Alignment of the View using AUTOLAYOUT AND SIZECLASSES

Question

How to align the trailing edge of the one view to the horizontal centre of the other view.

._____________
|1____________|
.______________________________
|2_____________________________|

I want something like above. I always want the view1 to the half of the width of the view2.

Set the leading to be the same and the width of view1 to be 50% of the width of view2? — j.f., Sep 02 '15 at 16:48
I got the solution from the following link. http://stackoverflow.com/questions/30814710/how-can-i-make-in-auto-layout-that-view1-height-will-be-3-7-view2-height — nivea, Sep 02 '15 at 17:05

score 3 · Answer 1 · answered Sep 02 '15 at 17:05

3

Click both UI elements you want to align and align their trailing edges

Select one of the two elements and double click on the newly created constraint

Change the Edge of the item that you want to be bigger (in my case SecondItem) and set its edge to be CenterX

update the frames and voila

answered Sep 02 '15 at 17:05

luk2302

Nice answer. I was unaware that you could align to the center like that. – j.f. Sep 02 '15 at 17:09
You can align everything to anything :D It actually is pretty powerful! – luk2302 Sep 02 '15 at 17:10

score 1 · Accepted Answer · answered Sep 02 '15 at 17:08

1

Hold CTRL then click and drag from view1 to view2. Let go of the mouse click and a menu should pop up. Choose both "Left" and "Equal Widths".

Then click the edit button of the Equal Width constraint and change the multiplier to 0.5 (50%).

answered Sep 02 '15 at 17:08

j.f.

2 Answers2