• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

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

[复制链接]
菜鸟教程小白 发表于 2022-12-11 18:42:39 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

我需要一个 UIPageViewController 来在屏幕顶部制作我的图像的幻灯片...我认为一个很好的例子是 Airbnb 应用程序,当您选择房子时,您将被推送到顶部包含的 View Controller 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)

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" , "ic2" , "ic3"]

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

在我的 Collection View 中,我将我的第一个单元格完全为空,所以它就像一个窗口,然后我将 subview Controller 和页面 Controller 的 View 添加到该单元格,现在它工作得很好

这是代码

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

效果很好

this is the view

this is the view when you scroll



Best Answer-推荐答案


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

关于ios - 如何将一个 UIViewController 作为屏幕的一部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46262112/

回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝2

帖子830918

发布主题
阅读排行 更多
广告位

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap