如何将一个UIViewController作为屏幕的一部分

萨珊·天使

我需要有一个UIPageViewController在屏幕顶部对我的图像进行幻灯片显示...我认为很好的例子是Airbnb应用程序,当您选择房屋时,您将被推向顶部查看包含图像阵列的控制器在PageViewController中(我认为)

我不得不说我有一个由collectionView驱动的应用程序,我希望它位于我的顶级UICollectionViewCell上。

我也发现了一些关于使用容器的东西,但我不知道如何添加...

还有一些我不使用StoryBoard ...

import UIKit

class ImageCell: UICollectionViewCell {
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupView()    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    let imageView : UIImageView = {
        let image = UIImageView()
        image.image = #imageLiteral(resourceName: "Apple_Watch_Main")
        image.translatesAutoresizingMaskIntoConstraints = false
        return image
    }()

    func setupView() {
        backgroundColor = .black
        addSubview(imageView)
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|[v0]|", options: NSLayoutFormatOptions(), metrics: nil, views: ["v0" : imageView]))

        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|[v0]|", options: NSLayoutFormatOptions(), metrics: nil, views: ["v0" : imageView]))
    }
}

这是我要添加该UIPageViewController的单元格

我找到了答案

我做了这样的小考

class PageViewController: UIPageViewController , UIPageViewControllerDataSource{
    override func viewDidLoad() {
        super.viewDidLoad()

        dataSource = self
        let frameViewController = FrameViewController()
        frameViewController.imageName = imageNames.first

        let viewControllers = [frameViewController]
        setViewControllers(viewControllers, direction: .forward, animated: true, completion: nil)
    }

    let imageNames = ["Apple_Watch_Main" , "Pic2" , "Pic3"]

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

        let currentImageName = (viewController as! FrameViewController).imageName
        let currentIndex = imageNames.index(of: currentImageName!)
        if currentIndex! > 0 {
            let frameViewController = FrameViewController()
            frameViewController.imageName = imageNames[currentIndex! - 1]
            return frameViewController
        }
        return nil
    }

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

        let currentImageName = (viewController as! FrameViewController).imageName
        let currentIndex = imageNames.index(of: currentImageName!)
        if currentIndex! < imageNames.count - 1 {
            let frameViewController = FrameViewController()
            frameViewController.imageName = imageNames[currentIndex! + 1]
            return frameViewController
        }
        return nil
    }
}

在我的视图集合中,我将第一个单元格完全清空,因此就像一个窗口,然后向该单元格添加了子视图控制器和页面控制器的视图,现在效果很好

这是代码

override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

        switch indexPath.item {
        case 0 :
            let cell = collectionView.dequeueReusableCell(withReuseIdentifier: cellId, for: indexPath) as!ImageCell

            let pagecontroller = PageViewController(transitionStyle: .scroll, navigationOrientation: .horizontal, options: nil)
            self.addChildViewController(pagecontroller)

            cell.addSubview(pagecontroller.view)

            pagecontroller.view.frame = CGRect(x: 0, y: 0, width: view.frame.width, height: view.frame.height/3)
            return cell
        case 1 :
            let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "filterandorganize", for: indexPath) as! FilterAndOrganize
            return cell
        case 2 :
            let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "Offers", for: indexPath) as! Offers
            return cell
        case 3 :
            let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "OfferedProducts", for: indexPath) as! OfferedProducts
            cell.firstViewController = self
            return cell
        default:
            let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "Offers", for: indexPath) as! Offers
            return cell
        }
    }

您看到万一0(我的第一个单元格)我添加了它

而且效果很好

这是观点

这是滚动时的视图

萨珊·天使

我写了《答案》作为编辑,效果很好

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何通过一个环境变量作为命令的一部分

如何将切片的一部分换成另一个

如何将背景色仅作为选择的一部分?的CSS

如何将Yocto构建模块fcntl作为Python构建的一部分

保留数组的第一个元素作为序列的一部分

Javascript将HTML标签作为innerHTML输出到屏幕的一部分

如何将网页的一部分“流式传输”到另一个窗口?

如何将函数调用的结果作为dplyr :: mutate的一部分展平?

如何将一个数组项的一部分与第二个数组中的一部分数组项进行比较?

如何将NumPy数组广播到另一个NumPy数组的一部分中?

Postgres如何将json的一部分(包括数组)提取到另一个JSON字段中?

如何将外键(另一个模型)上的字段用作模型主键值的一部分

如何执行Jenkins构建作业,作为另一个作业构建的一部分

如何将线的一部分复制到另一个位置

将标题作为CURL的一部分

ZF2:如何将安全图像作为网页的一部分提供

查找多个作为一个的一部分

Excel向导:如何创建一个公式,以将数字的一部分乘以一个单元格,另一部分乘以另一个

如何将 TextureView 作为视图的一部分加载

如何定义一个快捷键来抓取屏幕的一部分?

作为 WSARecvFrom 调用的一部分,如何将缓冲区放入 CompletionROUTINE?

如何将图像从一个织物画布复制到另一个大织物画布的一部分?

如何更改作为内部 html 一部分的一个元素的引导程序类?

如何将公式(文本)的结果作为另一个更大公式的一部分?

如何选择一个将数组作为其构造函数一部分的对象?

如何将json的一部分存储到另一个json文件中

如何将特定表作为迁移的一部分 - Laravel 5?

如何在 OCaml 中输出一个空元组作为函数的一部分?

作为函数的一部分,如何将小数转换为等效时间?