How to add objects to a UIScrollView that extend beyond UIView from Storyboard?

Question

I want to have several buttons and other objects in a long UIScrollView in my app. In storyboard, I added a UIScrollView to fill the entre view, and then created an IBOutlet in my .h file. I synthesized the scroller in my .m file, and then used the following code to start the scroller:

@synthesize scroller = _scroller;
- (void)viewDidLoad
{
    [super viewDidLoad];
    [_scroller setScrollEnabled:YES];
    [_scroller setContentSize:CGSizeMake(640, 3000)];
}

So now I need to know how to actually add things, such as buttons, to the area of the scroller that extends below what you can see in the view. My problem is that as I add butons to my view in storyboard, I can only add things to what you can see in the view, and therefore need to know how to add buttons to part that I will scroll to!

Hopefully this is clear. Thanks for all your help!

rob mayoff · Accepted Answer · 2013-08-08T22:21:24.437

116

UPDATE

I have posted a screencast that walks through this technique step-by-step.

ORIGINAL

The easiest way to handle this is simply to make the view in your storyboard taller. When the app runs, any of the normal container view controllers (UINavigationController, UITabBarController, UISplitViewController, or even UIViewController when it's the root view controller of its window) will resize the view to fit on the screen and scroll.

Here's an example of how to set it up in Xcode:

I changed the view controller's size from “Inferred” to “Freeform”. Then I changed its view's height from 460 to 800. (By the way, control-shift-click gives you a menu of all objects under the cursor.)

Here's what happens when I run it in the simulator:

As you can see, the view hierarchy was resized to fit the screen, but the subviews of the UIScrollView weren't repositioned, and the scroll view set its content size appropriately. (That may only work properly with autolayout, though...)

edited Aug 08 '13 at 22:21

answered Jun 03 '13 at 02:41

rob mayoff

375,296
67
796
848

Now how would you get this to work in a nib that is loaded into a storyboard with `[[NSBundle mainBundle] loadNibNamed:@"myNib" owner:self options:nil];`? – Jonathan Dumaine Sep 30 '13 at 17:55
@JonathanDumaine Your question is too vague and should probably be asked as a separate top-level question anyway. – rob mayoff Sep 30 '13 at 23:10
4

Just watched the screencast, awesome job! Create a Youtube-tutorial channel and I would watch it ALOT! – PaperThick Nov 25 '13 at 11:53
2

Definitely deserves +1 for your efforts to make this video. Thanks – rohan-patel Aug 07 '14 at 18:44
But then the width would still be fixed, because it's set to freeform. – Iulian Onofrei Mar 08 '17 at 15:39

score 2 · Answer 2 · answered Jun 03 '13 at 02:13

So, an example to you how to add a Button:

UIButton *btn = [UIButton buttonWithType:UIButtonTypeRoundedRect];
[btn setTitle:@"Cool title" forState:UIControlStateNormal];
[btn setFrame:CGRectMake(50, 700, 100, 100)];
[btn addTarget:self action:@selector(action:) forControlEvents:UIControlEventTouchUpInside];
[_scroller addSubview:btn];

You just need to set the frame of the view that you want to add and after that add it as a subview in your scroll.

score 0 · Answer 3 · answered Jun 03 '13 at 02:16

0

You can you use the Size inspector(Left part of xcode) in order to position it. or reposition it programmatically.

Cheers, Kel

answered Jun 03 '13 at 02:16

Michael Henry

644
9
12

How to add objects to a UIScrollView that extend beyond UIView from Storyboard?

3 Answers3

UPDATE

ORIGINAL

Linked

Related