Question

我想制作一个无缝的scrollView scrollview应将Web视图作为其子视图并且应该无缝滚动

问题是...... 我从

中获取了参考资料

http://iosdevelopertips.com/user-interface/creating-circular-and-infinite-uiscrollviews.html#comment-66679

现在我已经实现了只有3页的无缝滚动视图，但我希望webviews代替标签......

Answer 1

尼克在viewDidLoad中，我们必须编写以下代码。

- (void)viewDidLoad 
{
    [super viewDidLoad];

    documentTitles = [[NSMutableArray alloc] init];
    arrayWebViews = [[NSMutableArray alloc] init];

    // create our array of documents
    for (int i = 0; i < 5; i++) 
    {
        [documentTitles addObject:[NSString stringWithFormat:@"index%i",i]];
    }

    // create webviews for the html files

    webOne = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, 320, 400)];
    webTwo = [[UIWebView alloc] initWithFrame:CGRectMake(320, 0, 320, 400)];
    webThree = [[UIWebView alloc] initWithFrame:CGRectMake(640, 0, 320, 400)];

    // load all three pages into our scroll view
    [self loadPageWithId:2 onPage:0];
    [self loadPageWithId:0 onPage:1];
    [self loadPageWithId:1 onPage:2];

    // add them as the subview of scrollview
    [scrollView addSubview:webOne];
    [scrollView addSubview:webTwo];
    [scrollView addSubview:webThree];

    // adjust content size for three pages of data and reposition to center page
    scrollView.contentSize = CGSizeMake(960, 400);  
    [scrollView scrollRectToVisible:CGRectMake(320,0,320,400) animated:NO];
}

现在在loadPageWithID：andPage：方法中编写以下代码

- (void)loadPageWithId:(int)index onPage:(int)page 
{
    switch (page) 
    {
        case 0:
            {
                self.webOne.backgroundColor = [UIColor clearColor];
                self.webOne.delegate = self;
                [self.webOne loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:[[NSBundle mainBundle]                                                                                              pathForResource:[documentTitles objectAtIndex:index] ofType:@"html"]isDirectory:NO]]];
                [arrayWebViews addObject:self.webOne];
            }
            break;
}

现在在scrollViewDidEndDecelerating中编写以下代码：

- (void)scrollViewDidEndDecelerating:(UIScrollView *)sender 
{    
    UIWebView* lobjTempWebView = [arrayWebViews objectAtIndex:0];

    for (int indexWebViews = 0; indexWebViews < 2; indexWebViews ++)
    {
        [arrayWebViews replaceObjectAtIndex:indexWebViews withObject:[arrayWebViews objectAtIndex:indexWebViews + 1]];
    }

    [arrayWebViews replaceObjectAtIndex:[arrayWebViews count] - 1 withObject:lobjTempWebView];

    [[arrayWebViews objectAtIndex:0] setFrame:CGRectMake(0, 0, 320, 400)];
    [[arrayWebViews objectAtIndex:1] setFrame:CGRectMake(320, 0, 320, 400)];
    [[arrayWebViews objectAtIndex:2] setFrame:CGRectMake(640, 0, 320, 400)];

    if(scrollView.contentOffset.x > scrollView.frame.size.width) 
    {

        currIndex = (currIndex >= [documentTitles count]-1) ? 0 : currIndex + 1;
        nextIndex = (currIndex >= [documentTitles count]-1) ? 0 : currIndex + 1;         
        [[arrayWebViews objectAtIndex:2] loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:[[NSBundle mainBundle]                                                                                              pathForResource:[documentTitles objectAtIndex:nextIndex] ofType:@"html"]isDirectory:NO]]];

    }     
    // Reset offset back to middle page     
    [scrollView scrollRectToVisible:CGRectMake(320,0,320,400) animated:NO];
}

Answer 2

你永远不会让它变得无缝。 Web视图需要一段时间才能加载其内容。如果你像这样回收它们，它们会暂时空白，因为它们的内容会重新加载。

如何使用Web视图作为其页面（子视图）创建无缝滚动视图

2 个答案: