Add Multiple UIButton to a ScrollView - ios

Question

Hej guys, i'm trying to add multiple buttons in a scrollview dynamically
so far, I have this code
for (int i = 0; i < numberOfButtonInMenu; i++)
{
UIButton *aButton = [UIButton new];
UILabel *tButton = [UILabel new];
UILabel *sButton = [UILabel new];
UIImageView *iButton = [UIImageView new];
tButton = title;
sButton = subtitle;
iButton = image;
tButton.hidden = NO;
sButton.hidden = NO;
iButton.hidden = NO;
[tButton setText:Titles[i]];
[sButton setText:Subtitles[i]];
[tButton sizeToFit];
[sButton sizeToFit];
iButton.image = [UIImage imageNamed:Images[i]];
aButton.frame = CGRectMake(xCoord, yCoord, screenWidth, buttonHeight);
[aButton addTarget:self action:#selector(whatever:) forControlEvents:UIControlEventTouchUpInside];
[aButton addSubview:tButton];
[aButton addSubview:sButton];
[aButton addSubview:iButton];
[multiMenuScroll addSubview:aButton];
yCoord += buttonHeight + buffer;
}
}
I set all my design before this for.
When I display my multiMenuScrollView, I end up with only the last button displayed.
(so for numberOfButtonInMenu = 3; I'll have only the third button display)
it look like this : http://i.stack.imgur.com/5UU6S.jpg
Between the "Explore" and the "Around You" there's two others Button, but with nothing in it, it's kinda weird.
Do you guys have any ideas of what I'm doing wrong ?

Answer 1

because you add again tButton sButton iButton in aButton1 to aButton3. show there're will show only in last view (aButton3). If want to add tButton sButton iButton to each button like your code, you need init new tButton sButton iButton in each for loop.
Wrong code:
tButton = title;
sButton = subtitle;
iButton = image;
it must be somethings like:
UILabel *tButton = [[UILabel alloc] initWithFrame:...];
UILabel *sButton = [[UILabel alloc] initWithFrame:...];
UIImageView *iButton = [[UIImageView alloc] initWithFrame:...];

Answer 2

No wonder...
You are not setting the frame correctly. In the for loop, each time you are creating a new button UIButton *aButton = [UIButton new]; and adding subview to multiMenuScroll. All of them getting added but at the same place. So, in the end only 3rd button shows up.
You would need to set the frame of your buttons correctly.
UIButton *aButton = [[UIButton alloc] initWithFrame:<Set_Your_Frame>]; // Change X or Y value as per for loop iteration.
As a side note, you are naming your labels as button suffix like tButton, sButton. Nothing wrong in it programmatically but they confuse!

Answer 3

vwScroll = name of scroll view
tagsArray = Array of NSStrings. These strings will be the text of labels which will add to scroll view in horizontal manner
-(void)setScrollViewWithArray:(NSArray *)tagsArray{
CGFloat xAxis = 0.0f;
CGFloat gapBwLabels = 10.0f;
[vwScroll.subviews makeObjectsPerformSelector:#selector(removeFromSuperview)];
for (int i = 0; i<tagsArray.count; i++) {
NSString *tagName = [tagsArray objectAtIndex:i];
CGSize sizeOfTagString = [self getSizeOfText:tagName];
CGFloat width = sizeOfTagString.width+gapBwLabels;
CGRect tagLabelframe = CGRectMake(xAxis, 2, width, 30);
UILabel *lblTag = [[UILabel alloc]initWithFrame:tagLabelframe];
[self setLabel:lblTag withBackgroundColor:[UIColor whiteColor]];
[lblTag setText:tagName];
[vwScroll addSubview:lblTag];
xAxis = xAxis + width + gapBwLabels;
}
[vwScroll setContentSize:CGSizeMake(xAxis, vwScroll.frame.size.height)];
}