How can I perform Paging in UIWebView?

Question

I have ten local HTML files in my Resource folder and I want to performing paging effect like ScrollView and ImageView so please help me how I can do that. I have displayed HTML page in webView, but i don't have any more ideas. My code is (but it's for only One page):

arrHtmlPage=[[NSMutableArray alloc] initWithObjects:@"2",@"3",@"5",@"6",@"8",@"9",@"11",@"13",nil];

NSBundle *bundle = [NSBundle mainBundle];

NSString *htmlTemplateLink = [bundle pathForResource:@"2" ofType:@"htm"];

NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL fileURLWithPath:htmlTemplateLink]];

wview=[[UIWebView alloc]initWithFrame:CGRectMake(0, 0, 768, 940)];
wview.scalesPageToFit = YES;
[wview loadRequest:request];
wview.delegate=self;

//wview.multipleTouchEnabled=YES;
wview.userInteractionEnabled=YES;

[self.view addSubview:wview];  

Answer 1

const CGFloat kScrollObjHeight  = 900;

const CGFloat kScrollObjWidth   = 766;

const NSUInteger kNumImages = 11;



- (void)layoutScrollImages

{

    UIImageView *view = nil;
    NSArray *subviews = [scrollView1 subviews];


    // reposition all image subviews in a horizontal serial fashion
    CGFloat curXLoc = 0;
    for (view in subviews)
    {
        if ([view isKindOfClass:[UIWebView class]] && view.tag > 0)
        {
            CGRect frame = view.frame;
            frame.origin = CGPointMake(curXLoc, 0);
            view.frame = frame;

            curXLoc += (kScrollObjWidth);
        }
    }

    // set the content size so it can be scrollable
    [scrollView1 setContentSize:CGSizeMake((kNumImages * kScrollObjWidth), [scrollView1 bounds].size.height)];
}

- (void)viewDidLoad {
    [super viewDidLoad];

    arrHtmlPage=[[NSMutableArray alloc] initWithObjects:@"",@"2",@"3",@"4",@"5",@"6",@"8",@"9",@"11",@"12",@"13",@"14",nil];

    [scrollView1 setBackgroundColor:[UIColor blackColor]];
    [scrollView1 setCanCancelContentTouches:NO];
    scrollView1.indicatorStyle = UIScrollViewIndicatorStyleWhite;
    scrollView1.clipsToBounds = YES;        // default is NO, we want to restrict drawing within our scrollview
    scrollView1.scrollEnabled = YES;

    // pagingEnabled property default is NO, if set the scroller will stop or snap at each photo
    // if you want free-flowing scroll, don't set this property.
    scrollView1.pagingEnabled = YES;



    int i;
    for (i = 0; i <[arrHtmlPage count]; i++)
    {

        NSBundle *bundle = [NSBundle mainBundle];

        NSString *htmlTemplateLink = [bundle pathForResource:[arrHtmlPage objectAtIndex:i] ofType:@"htm"];

        NSLog(@"htmlTemplateLink==>%@",htmlTemplateLink);

        NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL fileURLWithPath:htmlTemplateLink]];
        wview=[[UIWebView alloc]initWithFrame:CGRectMake(0, 0, 766, 940) ];
        wview.backgroundColor=[UIColor redColor];
        wview.tag=i;
        wview.scalesPageToFit = YES;
        [wview loadRequest:request];

        wview.userInteractionEnabled=YES;

        [scrollView1 addSubview:wview];


    }

    [self layoutScrollImages];  

}



-(IBAction)buttonPressed:(id)sender
{

     int pageNo = [sender tag] ; // current page no
    int tempNo = pageNo%10 + 1; // total count

    CGPoint bottomOffset = CGPointMake((tempNo-1) * 768,0);
    [scrollView1 setContentOffset:bottomOffset animated:YES];
}

Answer 2

In xcode 4.3.1 create a new project. File -> New project -> Page-Based application. Drag and drop a UIWebView onto the storyboard.