如何将一个 UIViewController 作为屏幕的一部分
how to put one UIViewController as a part of screen
我需要一个 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
}
}
并且在我的集合视图中,我将我的第一个单元格完全清空,所以它就像一个 window 然后我将子视图控制器和页面控制器的视图添加到该单元格,现在它工作得很好
这是代码
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(我的第一个单元格)我添加了它
效果很好
我把答案写成了编辑,效果很好
我需要一个 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
}
}
并且在我的集合视图中,我将我的第一个单元格完全清空,所以它就像一个 window 然后我将子视图控制器和页面控制器的视图添加到该单元格,现在它工作得很好
这是代码
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(我的第一个单元格)我添加了它
效果很好
我把答案写成了编辑,效果很好