Reader Level:

Scroll View in iPhone

By Sachin Bhardwaj on Nov 03, 2012
In this article I will explain how to implement a scroll view in iPhone.


In this article I will create a Single View Application. Here I use a Scroll View, Image view and Label via xib. A Scroll View is implemented by a developer when the content size is greater than the screen size. Using scroll we scroll up and scroll down to see all the content.

To understand it we use the following procedure.

Step 1

Open XCode by double-clicking on it.


Step 2

Create a New XCode Project via clicking on it.


Step 3

Now select Single View Application and click on Next.


Step 4

Now give your Product Name, Company Identifier and click on next.


Step 5

Select the location where you want to save your project and click on Create.


Step 6 

Now for the code of each class.


#import <UIKit/UIKit.h>

@class ViewController;

@interface AppDelegate : UIResponder <UIApplicationDelegate>

@property (strong, nonatomic) UIWindow *window;

@property (strong, nonatomic) ViewController *viewController;



#import "AppDelegate.h"

#import "ViewController.h"

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    // Override point for customization after application launch.
    if ([[UIDevice currentDevice] userInterfaceIdiom] == UIUserInterfaceIdiomPhone) {
        self.viewController = [[ViewController alloc] initWithNibName:@"ViewController_iPhone" bundle:nil];
    } else {
        self.viewController = [[ViewController alloc] initWithNibName:@"ViewController_iPad" bundle:nil];
    self.window.rootViewController = self.viewController;
    [self.window makeKeyAndVisible];
    return YES;

- (void)applicationWillResignActive:(UIApplication *)application
    // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
    // Use this method to pause ongoing tasks, disable timers, and throttle down OpenGL ES frame rates. Games should use this method to pause the game.

- (void)applicationDidEnterBackground:(UIApplication *)application
    // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.
    // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.

- (void)applicationWillEnterForeground:(UIApplication *)application
    // Called as part of the transition from the background to the inactive state; here you can undo many of the changes made on entering the background.

- (void)applicationDidBecomeActive:(UIApplication *)application
    // Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.

- (void)applicationWillTerminate:(UIApplication *)application
    // Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:.



#import <UIKit/UIKit.h>

@interface ViewController : UIViewController
IBOutlet UIScrollView *scroll;
IBOutlet UIImageView *image;
IBOutlet UILabel *label;

@property(nonatomic,strong)IBOutlet UIScrollView *scroll;
@property(nonatomic,strong)IBOutlet UIImageView *image;
@property(nonatomic,strong)IBOutlet UILabel *label;



#import "ViewController.h"

@interface ViewController ()


@implementation ViewController
@synthesize scroll,image,label;

- (void)viewDidLoad
    // [scroll setContentSize:CGSizeMake(320, 600)];
    [super viewDidLoad];
      // Do any additional setup after loading the view, typically from a nib.

- (void)didReceiveMemoryWarning
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.




Step 7

Now connect the Outlets to the file owner.


Step 8

Now click on the Run button to see the output.



Before Scroll Down:


After Scroll Down:


Sachin Bhardwaj
Sachin Bhardwaj

Sachin Bhardwaj is a software developer working with Apple technologies including Xcode, iOS, iPhone, iPad, iPod and Mobile app store.