Center align multiple UIButtons of varying sizes, dynamically in a UIView

Question

I have an UIView in which I want to add some 'n' buttons of varying sizes dynamically, so normally they get linearly added. Can I center align all the buttons in one go? or do I have to calculations to set the origin of each of the button ?

Here is what I have thought of if I have to do calculations:

Algorithm :

calculate the frame with origins and add a button.
left shift previous buttons to calculated amount
repeat

shifting buttons of varying size becomes very difficult.

Please let me know if there are built in methods that allows me to center align all subviews of a view or should I be doing some maths.

I have stumbled upon some SOF links but seldom of any help

http://stackoverflow.com/questions/33016648/how-can-i-align-3-uibuttons-to-the-center-of-an-uitablecellview/33032552#33032552 this might be helpful — Usama, Oct 26 '15 at 12:18
If you want to do calculations yourself, using the `center` property looks like the shortest way, otherwise you might want to use autolayout. — A-Live, Oct 26 '15 at 12:18
@shial: can you help me with some links where to start with ? And also few inputs how will I be doing it. — Masood, Oct 26 '15 at 12:22
@Masood go for tutorials http://www.raywenderlich.com/115440/auto-layout-tutorial-in-ios-9-part-1-getting-started-2 https://itunesu.itunes.apple.com/WebObjects/LZDirectory.woa/ra/directory/courses/961180099/feed — Shial, Oct 26 '15 at 12:39

score 1 · Answer 1 · edited May 23 '17 at 11:58

1

If you want those buttons evenly spaced and align to center in that case you can use following stack overflow question Link

edited May 23 '17 at 11:58

Community

1
1

answered Oct 26 '15 at 12:29

KavyaKavita

1,581
9
16

score 0 · Answer 2 · answered Oct 26 '15 at 12:37

This code will go through all the subviews of a view and set the x origin so that the subview is centred:

for (UIView *view in yourView.subviews) {
    CGRect newFrame = view.frame;
    newFrame.origin.x = (CGRectGetWidth(myUIView.frame)-CGRectGetWidth(newFrame))/2;
    view.frame = newFrame;
  }

Center align multiple UIButtons of varying sizes, dynamically in a UIView

2 Answers2