how to make horizontal scrolling menu in iOS

Fahim Parkar picture Fahim Parkar · Aug 6, 2013 · Viewed 23.8k times · Source

I would like to make a menu which will have horizontal scrolling.

The menu contains total 16 categories. So I am planning to take 8 on first part and rest 8 on another part.

Can some-one give me insight of what needs to be done?

I believe I need to use below.

UIScrollView
Add buttons in this scrollview

That's it?


What I want is on first screen 8 buttons where first screen will have two rows with 4 buttons set on each row.

Menu sample can be seen at http://www.shoutem.com/

Answer

Eric picture Eric · Aug 6, 2013

If all you're doing is adding buttons to a horizontal scroll view you would do something like follows...

- (void)createScrollMenu
{
    UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 100)];

        int x = 0;
        for (int i = 0; i < 8; i++) {
            UIButton *button = [[UIButton alloc] initWithFrame:CGRectMake(x, 0, 100, 100)];
            [button setTitle:[NSString stringWithFormat:@"Button %d", i] forState:UIControlStateNormal];

            [scrollView addSubview:button];

            x += button.frame.size.width;
        }

        scrollView.contentSize = CGSizeMake(x, scrollView.frame.size.height);
            scrollView.backgroundColor = [UIColor redColor];

       [self.view addSubview:scrollView];
    }

This will create a scrollview with a height of 100, width as big as its parent, and add 8 buttons to it.