美文网首页iOS学习开发IOS实用工具
iOS-UIPageViewController实现分页控件

iOS-UIPageViewController实现分页控件

作者: cdcyd | 来源:发表于2018-03-23 17:37 被阅读166次
屏幕截图

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

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)
}

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

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

相关文章

  • iOS-UIPageViewController实现分页控件

    使用UIPageViewController去实现这种滚动分页的控制,我们可以忽略比如view的复用,scroll...

  • 基于jquery实现分页控件

    先上效果图: 默认情况下,点击页码会像博客园一样,在url后面加上"#p页码"。源代码: 调用: css: 点击查看原文

  • 分页问题

    分页的实现方式有很多种,还有一些分页控件, 这里我介绍一种比较基础的, 我们先弄一个pageBean的...

  • UIPageViewController详解

    UIPageViewController是iOS 5.0之后提供的一个分页控件可以实现图片轮播效果和翻书效果.使用...

  • 3.6 页面控件

    页面控件是已经做好的实现特定功能的模块,如查询、导入Excel数据、视频播放、分页显示等功能模块都能够做成控件。控...

  • 使用PageHelper实现Bootstrap Select2组

    项目中使用了Bootstrap的Select2控件,用到了在线搜索功能,使用PageHelper实现了分页查询 一...

  • 九、ASP.NET的用户控件和第三方控件

    用户控件: UserControl,又称“Web用户控件”或者“部分页面”。 用户控件和自定义控件的区别如下: <...

  • iCarousel源码解读

    iCarousel简介: iCarousel是一个优秀开源的视图控件,专门用于实现各种类型的旋转木马(分页滚动视图...

  • Flutter 分页功能表格控件

    老孟导读:前2天有读者问到是否有带分页功能的表格控件,今天分页功能的表格控件详细解析来来。 PaginatedDa...

  • 分页的几种实现方式

    一:分页的几种实现方式 1.1:手动实现一个分页 1.2通过 sql语句 实现分页 1.3...

网友评论

本文标题:iOS-UIPageViewController实现分页控件

本文链接:https://www.haomeiwen.com/subject/udyxcftx.html