我想重新创建我在下面有图片的应用程序的布局。顶部有一个导航栏,中间是分页内容。我已经研究了如何对内容进行分页的几种方法,包括 UIScrollViews、UIPageControl 和 PageViewControllers,但我似乎无法完全重新创建此布局。我发现的大多数教程也没有针对 iOS7 进行更新。非常感谢所有输入。
图片:
我想重新创建我在下面有图片的应用程序的布局。顶部有一个导航栏,中间是分页内容。我已经研究了如何对内容进行分页的几种方法,包括 UIScrollViews、UIPageControl 和 PageViewControllers,但我似乎无法完全重新创建此布局。我发现的大多数教程也没有针对 iOS7 进行更新。非常感谢所有输入。
图片:
这里有一些资源可以帮助您入门。
Apple 的文档中有一个非常好的示例,说明如何使用 实现分页滚动视图UIPageViewController
,请参阅此处的 Photo Scroller 示例代码。我建议从那里开始。
我在 github 上还有一些代码可以修改 Apple 的 Photo Scroller 示例以加载UIPageViewController
内部UIViewController
子类。
这是 Ray Wenderlich 团队关于如何设置分页滚动视图的一个很好的教程:How To Use UIScrollView to Scroll and Zoom Content
只需将 int 实例变量最初设置为 0。如果您使用 .xibs 或情节提要无关紧要,则概念保持不变。如果您想在 IB 中完全展示所有内容,请查看此处:如何将对象添加到从 Storyboard 扩展到 UIView 之外的 UIScrollView?
要知道何时发生分页,请使用以下命令:
-(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...
}
顺便说一句,iOS7 对此并没有什么特别之处。至少我什么都想不到。