【问题标题】:How to create paging in iOS 7如何在 iOS 7 中创建分页
【发布时间】:2014-04-06 16:05:34
【问题描述】:

我想重新创建应用程序的布局,如下图所示。顶部有一个导航栏,中间是分页内容。我已经研究了如何对内容进行分页的几种方法,包括 UIScrollViews、UIPageControl 和 PageViewControllers,但我似乎无法完全重新创建此布局。我发现的大多数教程也没有针对 iOS7 进行更新。非常感谢所有输入。

图片:

【问题讨论】:

  • 我在 iOS7 中使用 UIPageControl 和滚动视图来执行此操作。只需查看滚动视图何时完成减速并查看是否发生分页
  • @JayMorgan 我发现的所有 UIPageControl 教程都使用 XIB 文件。我想使用情节提要,但找不到符合所有这些条件的教程。
  • 您仍然可以将 XIB 文件与 Storyboard 一起使用。 XIB 文件将包含用作页面的 UIView 对象。
  • @hw731 你能给我一个例子或在线教程吗?我是 iOS 编程新手,不太确定我会怎么做。
  • @iOSNoob:你可以使用github.com/virus108/TKScroller lib。

标签: ios ios7 uiscrollview uipagecontrol scroll-paging


【解决方案1】:

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

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

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

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

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

【讨论】:

    【解决方案2】:

    只需将 int 实例变量初始设置为 0。如果您使用 .xibs 或情节提要,则概念保持不变。如果您想在 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...
    }
    

    【讨论】:

    • 我很抱歉我的无知,但我不太确定这对我有什么帮助。
    【解决方案3】:

    这里是a great tutorial on doing paged scrollView

    顺便说一句,iOS7 对此并没有什么特别之处。至少我没有想到。

    【讨论】:

    • 只有我这个链接收到 502 bad gateway 错误吗?
    • 似乎整个站点都已关闭。我的书签中有链接。 “稍后再试”:)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-06-25
    • 2014-05-30
    • 1970-01-01
    相关资源
    最近更新 更多