使用Scroll View和Page Controller进行教程屏幕

时间:2013-09-01 04:32:26

标签: ios uiscrollview uipagecontrol

我想制作一个教程屏幕并放置一个滚动视图和一个页面控制器。我想放置图像,以便用户可以在第一次启动时滑动教程屏幕。但是我可以放这样的标签

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.

    float defWidth = _scrollView.frame.size.width;
    float defHeight = _scrollView.frame.size.height;

    _scrollView.pagingEnabled = YES;
    _scrollView.contentSize = CGSizeMake(defWidth * _pageControl.numberOfPages, _scrollView.frame.size.height);
    _scrollView.showsHorizontalScrollIndicator = NO;
    _scrollView.showsVerticalScrollIndicator = NO;
    _scrollView.scrollsToTop = NO;
    _scrollView.bounces = NO;
    _scrollView.delegate = self;

    UIColor *bgColor[] = {[UIColor orangeColor],[UIColor brownColor],[UIColor grayColor],[UIColor darkGrayColor],[UIColor blackColor]};

    for (int i = 0; i < _pageControl.numberOfPages; i++) {
        UILabel *label = [[UILabel alloc] init];
        float x = (defWidth * (float)i);
        label.frame = CGRectMake(x, 0.0f, defWidth, defHeight);
        label.backgroundColor = bgColor[i];
        label.textColor = [UIColor whiteColor];
        label.font = [UIFont fontWithName:@"AppleGothic" size:20];
        NSLog(@"%d,%f", i, x);
        label.text = [NSString stringWithFormat:@"hogehoge%d", (i + 1)];
        NSLog(@"%@", label.text);
        [_scrollView addSubview:label];
    }

}

但是我不能放图像而不是标签。如何将图像放在滚动视图中,以便它可以是少量图片的幻灯片?

1 个答案:

答案 0 :(得分:2)

创建一个滑动图像显示,这样用户可以像你说的那样刷过教程的图像或图像,我发现ray的教程非常有帮助。它还附带了项目示例代码,它有四种不同的滑动图像方式。这是该教程的链接,它将帮助您了解如何完成。

http://www.raywenderlich.com/10518/how-to-use-uiscrollview-to-scroll-and-zoom-content

如果你想要一个幻灯片放映,那么kirualex可以很好地控制它,这是一个很棒的控件,你可以在这里下载它:

https://github.com/kirualex/KASlideShow

我本可以完成这些方法的运行,但它会非常冗长,我认为通过阅读教程并查看代码,您将更好地理解这个主题。