前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >iOS-UIPageViewController实现分页控件

iOS-UIPageViewController实现分页控件

作者头像
用户2215591
发布2018-06-29 15:05:10
8930
发布2018-06-29 15:05:10
举报
文章被收录于专栏:iOSer成长记录

屏幕截图

使用UIPageViewController去实现这种滚动分页的控制,我们可以忽略比如view的复用,scroll的各种计算,我们只需要少量的代码就可以实现一个高性能的分页控件 我们只需要实现UIPageViewController的两个数据源代理即可

代码语言:javascript
复制
func pageViewController(_ pageViewController: UIPageViewController, viewControllerBefore viewController: UIViewController) -> UIViewController? {
        guard let index = (viewController as? DetailViewController)?.index else {
            return nil
        }
        if index == 0 {
            return nil
        }
        return self.dataSource?.previewController(formPage: index - 1)
}

func pageViewController(_ pageViewController: UIPageViewController, viewControllerAfter viewController: UIViewController) -> UIViewController? {
        guard let index = (viewController as? DetailViewController)?.index else {
            return nil
        }
        if index == number - 1 {
            return nil
        }
        return self.dataSource?.previewController(formPage: index + 1)
}

这两个代理,一个是向前翻页,一个是向后翻页 我们需要注意的是,我们不能用一个属性来计算将要展示的页面,因为有可能翻页时两个代理都会被调用,这样就很容易计算出错 所以我们把页面存储在显示的页面中,这样当需要翻页时,再取出当前页面的页码,再计算下一个界面的页码 那么我们怎么将当前的页码赋值给全局变量呢?可以通过下面的代理

代码语言:javascript
复制
func pageViewController(_ pageViewController: UIPageViewController, didFinishAnimating finished: Bool, previousViewControllers: [UIViewController], transitionCompleted completed: Bool) {
        self.index = (pageViewController.viewControllers?.first as? DetailViewController)?.index ?? 0
        if index < buttons.count {
            self.selected(buttons[index])
        }
}

该代理将会在翻页完成时调用,此时我们取出当前页面,就知道当前的页码了,然后再通过当前的页码来控制标题的变化,这样一个简单的分页控件就完成了

Demo地址:https://github.com/cdcyd/CommonControlsCollection

我的博客即将搬运同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=2tm0dqtdhdr5

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.03.23 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档