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

Posted

技术标签:

【中文标题】如何将一个 UIViewController 作为屏幕的一部分【英文标题】:how to put one UIViewController as a part of screen 【发布时间】:2017-09-17 08:26:44 【问题描述】:

我需要一个 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(我的第一个单元格)我添加了它

效果很好

【问题讨论】:

你说的sth是什么意思?? 某事的缩写 @dahiya_boy sth = 某事... 我会改变那个dahiya @michealwoods 我从未使用过 AirBnb 应用程序。如果你能添加你的预期输出和你现在实际得到的输出,那么我们会做出相应的回答。 【参考方案1】:

我把答案写成编辑,效果很好

【讨论】:

以上是关于如何将一个 UIViewController 作为屏幕的一部分的主要内容,如果未能解决你的问题,请参考以下文章

如何最好地将使用一个 UIViewController 将所有页面作为 UIView 处理为 StoryBoarding 和 UIPageView 的图书应用程序转换?

将 UITableView 作为容器视图嵌入到 UIViewController 中

将 UIViews 作为子视图添加到 UIViewController [关闭]

如何导航 UIViewController 作为以编程方式创建的 UIButton 操作的目标

如何将数据传递到 UIView 侧的嵌入式 UIViewController - Swift 5

如何向作为 UIViewController 子类的 parentViewController 发送消息?