那些遇到过的问题

Swift:UIPageViewController - 加载单独的视图

Dan*_*Boi 14 ios uipageviewcontroller swift

我正在按照本教程:http://swiftiostutorials.com/ios-tutorial-using-uipageviewcontroller-create-content-slider-objective-cswift/创建一个显示多个滑块的应用程序.

尽管我已经开始使用本教程,但此示例仅根据存储在数组中的图像更改图像.

如何让它加载ViewControllers而不是图像

我有4个ViewControllers:

  • ViewController1
  • ViewController2
  • ViewController3
  • ViewController4

我想幻灯片一个显示ViewController1和slide2加载ViewController2等....

这是我的主要ViewController:

 import UIKit

class ViewController: UIViewController, UIPageViewControllerDataSource {

// MARK: - Variables
private var pageViewController: UIPageViewController?

// Initialize it right away here
private let contentImages = ["nature_pic_1.png",
                             "nature_pic_2.png",
                             "nature_pic_3.png",
                             "nature_pic_4.png"];

// MARK: - View Lifecycle
override func viewDidLoad() {
    super.viewDidLoad()
    createPageViewController()
    setupPageControl()
}

private func createPageViewController() {

    let pageController = self.storyboard!.instantiateViewControllerWithIdentifier("PageController") as UIPageViewController
    pageController.dataSource = self

    if contentImages.count > 0 {
        let firstController = getItemController(0)!
        let startingViewControllers: NSArray = [firstController]
        pageController.setViewControllers(startingViewControllers, direction: UIPageViewControllerNavigationDirection.Forward, animated: false, completion: nil)
    }

    pageViewController = pageController
    addChildViewController(pageViewController!)
    self.view.addSubview(pageViewController!.view)
    pageViewController!.didMoveToParentViewController(self)
}

private func setupPageControl() {
    let appearance = UIPageControl.appearance()
    appearance.pageIndicatorTintColor = UIColor.grayColor()
    appearance.currentPageIndicatorTintColor = UIColor.whiteColor()
    appearance.backgroundColor = UIColor.darkGrayColor()
}

// MARK: - UIPageViewControllerDataSource

func pageViewController(pageViewController: UIPageViewController, viewControllerBeforeViewController viewController: UIViewController) -> UIViewController? {

    let itemController = viewController as PageItemController

    if itemController.itemIndex > 0 {
        return getItemController(itemController.itemIndex-1)
    }

    return nil
}

func pageViewController(pageViewController: UIPageViewController, viewControllerAfterViewController viewController: UIViewController) -> UIViewController? {

    let itemController = viewController as PageItemController

    if itemController.itemIndex+1 < contentImages.count {
        return getItemController(itemController.itemIndex+1)
    }

    return nil
}

private func getItemController(itemIndex: Int) -> PageItemController? {

    if itemIndex < contentImages.count {
        let pageItemController = self.storyboard!.instantiateViewControllerWithIdentifier("ItemController") as PageItemController
        pageItemController.itemIndex = itemIndex
        pageItemController.imageName = contentImages[itemIndex]
        return pageItemController
    }

    return nil
}

// MARK: - Page Indicator

func presentationCountForPageViewController(pageViewController: UIPageViewController) -> Int {
    return contentImages.count
}

func presentationIndexForPageViewController(pageViewController: UIPageViewController) -> Int {
    return 0
}
Run Code Online (Sandbox Code Playgroud)

这是我的PageItemController:

import UIKit

class PageItemController: UIViewController {

// MARK: - Variables
var itemIndex: Int = 0
var imageName: String = "" {

    didSet {

        if let imageView = contentImageView {
            imageView.image = UIImage(named: imageName)
        }

    }
}

@IBOutlet var contentImageView: UIImageView?

// MARK: - View Lifecycle
override func viewDidLoad() {
    super.viewDidLoad()
    contentImageView!.image = UIImage(named: imageName)
}
}
Run Code Online (Sandbox Code Playgroud)

我是Swift/iOS开发的新手,并且正在尝试通过开发进入它.提前谢谢你的答案:)

编辑:使问题清楚

我如何使它有一个视图控制器数组对应于UIPageViewController左/右滑动？

因此,当我在ViewController1上向左滑动时 - 加载UIViewController2并向右滑动以反向滑动.

Eri*_* F. 10

假设您在与UIPageViewController相同的故事板中定义了视图控制器1-4,并且您将其Storyboard ID设置为ViewController0,ViewController1等等,然后创建一个方法来填充视图控制器阵列并viewDidLoad()在调用之前调用它createPageViewController()

    override func viewDidLoad() {
        super.viewDidLoad()
        populateControllersArray()
        createPageViewController()
        setupPageControl()
    }
Run Code Online (Sandbox Code Playgroud)

像这样实现方法:

    var controllers = [PageItemController]()

    func populateControllersArray() {
        for i in 0...3 {
            let controller = storyboard!.instantiateViewControllerWithIdentifier("ViewController\(i)") as PageItemController
            controller.itemIndex = i
            controllers.append(controller)
        }
    }
Run Code Online (Sandbox Code Playgroud)

并将您定义createPageViewController()为以下内容

    private func createPageViewController() {

        let pageController = self.storyboard!.instantiateViewControllerWithIdentifier("PageController") as UIPageViewController
        pageController.dataSource = self

        if !controllers.isEmpty {
            pageController.setViewControllers([controllers[0]], direction: UIPageViewControllerNavigationDirection.Forward, animated: false, completion: nil)
        }

        pageViewController = pageController
        addChildViewController(pageViewController!)
        self.view.addSubview(pageViewController!.view)
        pageViewController!.didMoveToParentViewController(self)
    }
Run Code Online (Sandbox Code Playgroud)

然后在你的两个代表之前和之后的方法:

    func pageViewController(pageViewController: UIPageViewController, viewControllerBeforeViewController viewController: UIViewController) -> UIViewController? {
        if let controller = viewController as? PageItemController {
            if controller.itemIndex > 0 {
                return controllers[controller.itemIndex - 1]
            }
        }
        return nil
    }
    func pageViewController(pageViewController: UIPageViewController, viewControllerAfterViewController viewController: UIViewController) -> UIViewController? {
        if let controller = viewController as? PageItemController {
            if controller.itemIndex < controllers.count - 1 {
                return controllers[controller.itemIndex + 1]
            }
        }
        return nil
    }
Run Code Online (Sandbox Code Playgroud)

并且在计数方法中

    func presentationCountForPageViewController(pageViewController: UIPageViewController) -> Int {
        return controllers.count
    }
Run Code Online (Sandbox Code Playgroud)

实际上,您可以controllers使用要显示的任何视图控制器进行填充,只需将其类设置为storyboard中的PageItemController(以便具有索引属性).

或者您可以将每个视图控制器设置为它自己的类,并使用运行时属性获取和设置.

使用controller.valueForKey("itemIndex") as Int前和方法,而不是后的controller.itemIndex

使用controller.setValue(i, forKey: "itemIndex")而不是controller.itemIndex = iin populateControllersArray().

只需确保每个控制器类都具有该Int属性itemIndex,否则您的应用程序将崩溃.

要在代码中将它们组合在一起,请执行以下操作:

import UIKit

import UIKit

class ViewController: UIViewController, UIPageViewControllerDataSource {

    // MARK: - Variables
    private var pageViewController: UIPageViewController?

    // MARK: - View Lifecycle
    override func viewDidLoad() {
        super.viewDidLoad()
        populateControllersArray()
        createPageViewController()
        setupPageControl()
    }

    var controllers = [PageItemController]()


    func populateControllersArray() {
        for i in 0...3 {
            let controller = storyboard!.instantiateViewControllerWithIdentifier("ViewController\(i)") as PageItemController
            controller.itemIndex = i
            controllers.append(controller)
        }
    }

    private func createPageViewController() {

        let pageController = self.storyboard!.instantiateViewControllerWithIdentifier("PageController") as UIPageViewController
        pageController.dataSource = self

        if !controllers.isEmpty {
            pageController.setViewControllers([controllers[0]], direction: UIPageViewControllerNavigationDirection.Forward, animated: false, completion: nil)
        }

        pageViewController = pageController
        addChildViewController(pageViewController!)
        self.view.addSubview(pageViewController!.view)
        pageViewController!.didMoveToParentViewController(self)
    }

    private func setupPageControl() {
        let appearance = UIPageControl.appearance()
        appearance.pageIndicatorTintColor = UIColor.grayColor()
        appearance.currentPageIndicatorTintColor = UIColor.whiteColor()
        appearance.backgroundColor = UIColor.darkGrayColor()
    }

    // MARK: - UIPageViewControllerDataSource
    func pageViewController(pageViewController: UIPageViewController, viewControllerBeforeViewController viewController: UIViewController) -> UIViewController? {
        if let controller = viewController as? PageItemController {
            if controller.itemIndex > 0 {
                return controllers[controller.itemIndex - 1]
            }
        }
        return nil
    }
    func pageViewController(pageViewController: UIPageViewController, viewControllerAfterViewController viewController: UIViewController) -> UIViewController? {
        if let controller = viewController as? PageItemController {
            if controller.itemIndex < controllers.count - 1 {
                return controllers[controller.itemIndex + 1]
            }
        }
        return nil
    }

    // MARK: - Page Indicator

    func presentationCountForPageViewController(pageViewController: UIPageViewController) -> Int {
        return controllers.count
    }

    func presentationIndexForPageViewController(pageViewController: UIPageViewController) -> Int {
        return 0
}
Run Code Online (Sandbox Code Playgroud)

erg*_*oon 2

您确实为每个页面加载 ViewController。您显示的每个图像都位于它自己的 ViewController 中。这是通过以下方式完成的：

private func getItemController(itemIndex: Int) -> PageItemController?
Run Code Online (Sandbox Code Playgroud)

如果你的每个页面都使用相同的布局，那么除了在 Interface Builder 中设计这个 ViewController 之外，这里没有什么可做的。但是，如果每个页面都使用不同的布局并显示不同的数据，您将首先在 Interface Builder 中原型/设计这些 ViewController。

然后您将为每个 ViewController 创建类并从 PageItemController 扩展它们。您只需将索引变量保留在 PageItemController 中，并将其余逻辑移至子类中。

import UIKit

class PageItemController: UIViewController {

    // MARK: - Variables
    var itemIndex: Int = 0
}
Run Code Online (Sandbox Code Playgroud)

例如保存图像的 viewController

import UIKit

class PageImageViewController: PageItemController {
    // MARK: - Outlets
    @IBOutlet var contentImageView: UIImageView?

    // MARK: - Variables
    var imageName: String = "" {
        didSet {
            if let imageView = contentImageView {
                imageView.image = UIImage(named: imageName)
            }
        }
    }

    // MARK: - View Lifecycle
    override func viewDidLoad() {
        super.viewDidLoad()
        contentImageView!.image = UIImage(named: imageName)
    }
}
Run Code Online (Sandbox Code Playgroud)

最后，您只需更改getItemController函数即可返回指定索引的正确 ViewController 。在这里，您要么将数据传递给 ViewController，要么只是返回它。

private func getItemController(itemIndex: Int) -> UIViewController? {
    var vc: PageItemController? = nil

    switch itemIndex {
    case 0:
        // show an ImageViewController and pass data if needed
        vc = self.storyboard!.instantiateViewControllerWithIdentifier("ImageController") as PageImageViewController

        vc.itemIndex = itemIndex
        vc.imageName = "any_image_file"
    case 1:
        // show any other ViewController and pass data if needed
        vc = self.storyboard!.instantiateViewControllerWithIdentifier("ANY_OTHERController") as ANY_OTHERController

        vc.PRESENTABLE_DATA = ANY_PRESENTABLE_DATA_SOURCE
        vc.itemIndex = itemIndex
    case 2:
        // show any other ViewController and pass data if needed
        vc = self.storyboard!.instantiateViewControllerWithIdentifier("ANY_OTHERController") as ANY_OTHERController

        vc.PRESENTABLE_DATA = ANY_PRESENTABLE_DATA_SOURCE
        vc.itemIndex = itemIndex
    }

    return vc
}
Run Code Online (Sandbox Code Playgroud)

归档时间：

查看次数：

22723 次

最近记录：

9 年，8 月 前
如何实现利用多个ViewControllers的UIPageViewController 34
更多相关链接
相关归档
如何实现与ARC兼容的Objective-C单例？ 168
当Leaks仪器没有显示时,如何调试内存泄漏？ 55
当单元格全屏时,为什么UICollectionView会记录错误？ 31
如何在sprite kit中旋转精灵节点？ 22
Flutter 热重载在 android studio(mac) 中不起作用 22
Objective C桥接框架的标头 16
使用Xcode的测试类助手编辑器和Swift类 13
在Swift 3/iOS10中使用Dynamic Type和自定义字体的更好方法 9
在Swift中用数组中的多个部分和多个字典填充TableView 9
在 SwiftUI 中使用分段式选取器在两个页面之间滑动 4
难疑归档
在jQuery中添加表行 2331
Java中的"实现Runnable"与"扩展线程" 2023
有没有办法对字符串进行子串？ 1995
如何遍历C#中的所有枚举值？ 1359
const和readonly有什么区别？ 1269
如何删除重复的行？ 1254
检查Bash shell脚本中是否存在输入参数 1223
在jQuery中序列化为JSON 1189
获取数据库中所有表的大小 1180
如何使用$ scope.$ watch和$ scope.$在AngularJS中申请？ 1076