如何在iOS 7中创建分页

时间:2014-03-04 21:32:57

标签: ios ios7 uiscrollview uipagecontrol scroll-paging

我想重新创建我下面有图片的应用程序的布局。顶部有一个导航栏,中间有分页内容。我已经查看了几种如何页面内容的方法,包括UIScrollViews,UIPageControl和PageViewControllers,但我似乎无法重新创建这种布局。我找到的大多数教程也没有为iOS7更新。所有输入都非常感谢。

图片:

enter image description here enter image description here

3 个答案:

答案 0 :(得分:6)

这里有一些资源可以帮助您入门。

Apple的文档有一个很好的示例,说明如何使用UIPageViewController实现分页滚动视图,请参阅Photo Scroller sample code here。我建议从那里开始。

我还有一些code on github修改了Apple的Photo Scroller示例,以便在UIPageViewController子类中加载UIViewController

这是Ray Wenderlich团队关于如何设置分页滚动视图的一个很好的教程:How To Use UIScrollView to Scroll and Zoom Content

我还回答了一些您可能觉得有用的分页滚动视图的其他问题。请参阅herehereherehere

答案 1 :(得分:2)

只需将一个int实例变量初始设置为0.如果使用.xibs或storyboard,则无关紧要,概念保持不变。如果你想在IB中完全放下一切,请看这里:How to add objects to a UIScrollView that extend beyond UIView from Storyboard?

要知道何时发生分页,请使用:

-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    CGFloat pageWidth = self.scrollview.bounds.size.width;
    curIndex = floor((self.scrollview.contentOffset.x - pageWidth / 2) / pageWidth) + 1;

    if (curIndex == lastIndex) return;

    lastIndex = curIndex;
    //increment pager and do whatever else...
}

答案 2 :(得分:0)

这是a great tutorial on doing paged scrollView

而BTW在iOS7中没有什么特别之处。至少我什么都想不到。