在教程屏幕上使用滚动视图和页面控制器

Posted 2023-03-16

【中文标题】在教程屏幕上使用滚动视图和页面控制器

【英文标题】：Using Scroll View and Page Controller for tutorial screen

【发布时间】：2013-09-01 04:32:26

【问题描述】：

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

- (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】：

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

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

此外，如果您只想播放幻灯片，kirualex 还提供了一个很棒的控件，这是一个非常棒的控件，您可以在此处下载：

https://github.com/kirualex/KASlideShow

我本可以对这些方法进行简要介绍，但这会非常冗长，我认为通过阅读本教程并查看代码，您会更好地理解这个主题。