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

Posted

技术标签:

【中文标题】在教程屏幕上使用滚动视图和页面控制器【英文标题】: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

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

【讨论】:

以上是关于在教程屏幕上使用滚动视图和页面控制器的主要内容,如果未能解决你的问题,请参考以下文章

有没有办法在结合页面控制的滚动视图中自动布局图像?

使用 UIPageViewController 使 UI 滚动视图滚动

如何在 iOS 中制作可滚动视图?

如何在整个屏幕上滚动表格视图

将一个视图滑过另一个视图

滚动视图滚动时页面控制不改变