AVPlayerViewController 在 iOS10 的弹出窗口中弄乱了底层模态视图控制器
AVPlayerViewController messes up underlying modal view controller in popup on iOS10
我有一个应用程序(支持界面方向 - 仅限纵向)具有下一个层次结构的模态呈现视图控制器:
A -> B -> AVP
其中 A 是位于标签栏控制器中的视图控制器,标签栏控制器又是 window 的根。
B 是一个相当简单的视图控制器,带有按钮、图像和标签,但显示为弹出窗口:
// ... presentation method in A
let B = // create B
B.modalPresentationStyle = .popover
B.preferredContentSize = CGSize(width: 300, height: 400)
B.isModalInPopover = true
if let BPopover = B.popoverPresentationController {
BPopover.delegate = self
BPopover.permittedArrowDirections = []
let window = // grab current window
BPopover.sourceView = window
BPopover.sourceRect = window.bounds
BPopover.passthroughViews = nil
}
self.tabBarController?.present(B, animated: true, completion: nil)
AVP 是来自 B:
的 AVPlayerViewController
// This method is in B.
@IBAction func playVideoButtonPressed(_ sender: Any) {
if let videoURL = self.videoURL {
let videoPlayer = AVPlayer(url: videoURL)
let videoVC = AVPlayerViewController()
videoVC.player = videoPlayer
self.present(videoVC, animated: true, completion: nil)
}
}
在 iOS 10.0 上执行后续步骤时遇到问题:
- 现任副总裁。
- 旋转设备以便 AVP 水平旋转视频
- 我在水平方向关闭 AVP(使用其系统提供的控件)
当我回来时,我的视图控制器 B 被弄乱了 - 移到了 window 的顶部并且它的尺寸变小了(内部也被弄乱了,但我猜内部被弄乱是因为我的自动布局约束)。
这似乎不会发生在 iOS 11.
有什么办法可以解决吗?
编辑:按要求截图(出于隐私原因隐藏了标签栏):
附加信息:
我还拦截了一个委托回调以获取更多信息:
func popoverPresentationController(_ popoverPresentationController: UIPopoverPresentationController,
willRepositionPopoverTo rect: UnsafeMutablePointer<CGRect>,
in view: AutoreleasingUnsafeMutablePointer<UIView>) {
print("willRepositionPopoverTo")
print(popoverPresentationController)
print(rect.pointee)
print(view.pointee)
}
将 view
大小打印为 (w: 568; h: 320)
所以当我旋转 AVP 控制器时它似乎改变了我的应用程序的 window 方向,这导致我的弹出窗口调整大小。尽管它不会尝试重新调整大小:( 在我关闭 AVP 之后。
根据描述,该应用专为纵向模式设计。在视频模式下旋转设备,会对您观察到的行为负责。解决它的一种方法是在视频被关闭后覆盖方向。尝试添加
let value = UIInterfaceOrientation.portrait.rawValue
UIDevice.current.setValue(value, forKey: "orientation")
到 viewWillAppear 函数。这应该可以解决那些随机行为的问题。
我已经成功重现了你的问题,所以你可以高枕无忧,因为这不仅仅是你的问题。我还花了相当多的时间尝试使用各种 "hacks" 修复 iOS 10 行为。我最初并不成功。此外,似乎 iOS 11 解决了弹出窗口的定位问题,但它也引入了标签栏大小(图片)的错误。所以我的解决方案也需要解决这个问题。
:
更新的解决方法
重新审视这个问题后,我重新考虑了一个我最初排除的解决方案。事实证明 AVPlayerViewController
只会影响其父 UIWindow
实例的方向。在 iOS 中,使用额外的 UIWindow
不是一个常用的解决方案,但在这里效果很好。
解决方案是使用垫片 rootViewController
创建一个清晰的 UIWindow
,其唯一目的是在 秒 出现时在没有动画的情况下自行关闭。此解决方案在 iOS 10 和 iOS 11 上同样有效。它不会改变用户体验(除了修复错误)。
步骤:
- 创建原版
UIWindow
并使其背景清晰
- 将 window 的 rootVC 设置为
ShimVC
的实例
- 使 window 键可见(因为一切都清楚,用户什么也看不到)
- 从 window 的 rootVC 中呈现
AVPlayerViewController
(这样你就得到了动画,就像你在其他情况下一样)
- 当视频播放器关闭时,shim 视图控制器将自行关闭。当 window 的 rootVC 自行解散时,window 将被删除,原来的主 window 将再次成为关键。
这是一张 gif,展示了它的效果:
class FirstViewController: UIViewController, UIViewControllerTransitioningDelegate {
@IBAction func popover(_ sender: UIButton) {
let b = UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "B") as! B
b.modalPresentationStyle = .popover
b.preferredContentSize = CGSize(width: 300, height: 400)
b.isModalInPopover = true
if let ppc = b.popoverPresentationController {
ppc.delegate = self
ppc.permittedArrowDirections = []
let window = view.window!
ppc.sourceView = window
ppc.sourceRect = window.frame
ppc.passthroughViews = nil
}
present(b, animated: true, completion: nil)
}
}
extension FirstViewController: UIPopoverPresentationControllerDelegate {
func adaptivePresentationStyle(for controller: UIPresentationController) -> UIModalPresentationStyle {
return .none
}
}
class ShimVC: UIViewController {
var appearances: Int = 0
override func viewWillAppear(_ animated: Bool) {
super.viewWillAppear(animated)
if appearances > 0 {
// When the rootViewController of a window dismisses, that window
// gets removed from the view hiearchy and discarded, making the
// the previous window key automatically
dismiss(animated: true)
}
appearances += 1
}
}
class B: UIViewController {
let videoURL: URL? = Bundle.main.url(forResource: "ImAfraidWeNeedToUseMath", withExtension: "m4v")
@IBAction func playVideo(_ sender: UIButton) {
if let videoURL = self.videoURL {
let videoPlayer = AVPlayer(url: videoURL)
let videoVC = AVPlayerViewController()
videoVC.player = videoPlayer
let vc = ShimVC(nibName: nil, bundle: nil)
let videoWindow = UIWindow()
videoWindow.backgroundColor = .clear
videoWindow.rootViewController = vc
videoWindow.makeKeyAndVisible()
// Present the `AVPlayerViewController` from the root
// of the window
vc.present(videoVC, animated: true)
}
}
@IBAction func done(_ sender: UIButton) {
dismiss(animated: true)
}
}
最初提出的解决方法
我将提出一个解决方法。这是我之前在某些应用程序中看到的行为。基本上,不是从弹出窗口显示视频播放器,而是用 AVC 切换 B。可能还有其他解决方案需要与库存 UI 套件功能有更多偏差。 (例如可能实现您自己的呈现控制器来实现弹出窗口或将弹出窗口实现为子视图控制器,以便您可以直接从 A[=64 呈现 AVC =].)
在下面的解决方案中,A -> B
然后当用户按下播放器 B 时通知 A 它需要呈现 AVC。所以你得到 A -> AVC
。当 AVC 被解雇时,我 re-present B,所以你回到 A -> B
。总体而言,iOS 10 或 iOS 11 都没有 UI 问题,但您的用户将需要多等几分之一秒。如果时间紧迫,您可以禁用(或尝试缩短?)动画,但总的来说它感觉非常流畅和自然。
此外,我建议提交有关标签栏大小问题的雷达。
这是我的解决方案:
class A: UIViewController, UIViewControllerTransitioningDelegate {
var popover: B?
override func viewDidAppear(_ animated: Bool) {
super.viewDidAppear(animated)
if let popover = popover {
if let ppc = popover.popoverPresentationController {
ppc.delegate = self
ppc.permittedArrowDirections = []
let window = view.window!
ppc.sourceView = window
ppc.sourceRect = window.frame
ppc.passthroughViews = nil
}
present(popover, animated: true, completion: nil)
}
}
@IBAction func popover(_ sender: UIButton) {
let b = UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "B") as! B
b.modalPresentationStyle = .popover
b.preferredContentSize = CGSize(width: 300, height: 400)
b.isModalInPopover = true
b.delegate = self
if let ppc = b.popoverPresentationController {
ppc.delegate = self
ppc.permittedArrowDirections = []
let window = view.window!
ppc.sourceView = window
ppc.sourceRect = window.frame
ppc.passthroughViews = nil
}
self.popover = b
present(b, animated: true, completion: nil)
}
}
extension A: UIPopoverPresentationControllerDelegate {
func adaptivePresentationStyle(for controller: UIPresentationController) -> UIModalPresentationStyle {
return .none
}
}
extension A: BDelegate {
func dismissB() {
popover?.dismiss(animated: true)
popover = nil
}
func showAVPlayerViewController(_ vc: AVPlayerViewController) {
popover?.dismiss(animated: true) {
// Dispatch async allows it to come up in landscape if the phone is already rotated
DispatchQueue.main.async {
self.present(vc, animated: true)
}
}
}
}
protocol BDelegate: class {
func showAVPlayerViewController(_ vc: AVPlayerViewController)
func dismissB()
}
class B: UIViewController {
weak var delegate: BDelegate?
let videoURL: URL? = Bundle.main.url(forResource: "ImAfraidWeNeedToUseMath", withExtension: "m4v")
@IBAction func playVideo(_ sender: UIButton) {
if let videoURL = self.videoURL {
let videoPlayer = AVPlayer(url: videoURL)
let videoVC = AVPlayerViewController()
videoVC.player = videoPlayer
delegate?.showAVPlayerViewController(videoVC)
}
}
@IBAction func done(_ sender: UIButton) {
delegate?.dismissB()
}
}
我有一个应用程序(支持界面方向 - 仅限纵向)具有下一个层次结构的模态呈现视图控制器:
A -> B -> AVP
其中 A 是位于标签栏控制器中的视图控制器,标签栏控制器又是 window 的根。
B 是一个相当简单的视图控制器,带有按钮、图像和标签,但显示为弹出窗口:
// ... presentation method in A
let B = // create B
B.modalPresentationStyle = .popover
B.preferredContentSize = CGSize(width: 300, height: 400)
B.isModalInPopover = true
if let BPopover = B.popoverPresentationController {
BPopover.delegate = self
BPopover.permittedArrowDirections = []
let window = // grab current window
BPopover.sourceView = window
BPopover.sourceRect = window.bounds
BPopover.passthroughViews = nil
}
self.tabBarController?.present(B, animated: true, completion: nil)
AVP 是来自 B:
的 AVPlayerViewController// This method is in B.
@IBAction func playVideoButtonPressed(_ sender: Any) {
if let videoURL = self.videoURL {
let videoPlayer = AVPlayer(url: videoURL)
let videoVC = AVPlayerViewController()
videoVC.player = videoPlayer
self.present(videoVC, animated: true, completion: nil)
}
}
在 iOS 10.0 上执行后续步骤时遇到问题:
- 现任副总裁。
- 旋转设备以便 AVP 水平旋转视频
- 我在水平方向关闭 AVP(使用其系统提供的控件)
当我回来时,我的视图控制器 B 被弄乱了 - 移到了 window 的顶部并且它的尺寸变小了(内部也被弄乱了,但我猜内部被弄乱是因为我的自动布局约束)。
这似乎不会发生在 iOS 11.
有什么办法可以解决吗?
编辑:按要求截图(出于隐私原因隐藏了标签栏):
附加信息:
我还拦截了一个委托回调以获取更多信息:
func popoverPresentationController(_ popoverPresentationController: UIPopoverPresentationController,
willRepositionPopoverTo rect: UnsafeMutablePointer<CGRect>,
in view: AutoreleasingUnsafeMutablePointer<UIView>) {
print("willRepositionPopoverTo")
print(popoverPresentationController)
print(rect.pointee)
print(view.pointee)
}
将 view
大小打印为 (w: 568; h: 320)
所以当我旋转 AVP 控制器时它似乎改变了我的应用程序的 window 方向,这导致我的弹出窗口调整大小。尽管它不会尝试重新调整大小:( 在我关闭 AVP 之后。
根据描述,该应用专为纵向模式设计。在视频模式下旋转设备,会对您观察到的行为负责。解决它的一种方法是在视频被关闭后覆盖方向。尝试添加
let value = UIInterfaceOrientation.portrait.rawValue
UIDevice.current.setValue(value, forKey: "orientation")
到 viewWillAppear 函数。这应该可以解决那些随机行为的问题。
我已经成功重现了你的问题,所以你可以高枕无忧,因为这不仅仅是你的问题。我还花了相当多的时间尝试使用各种 "hacks" 修复 iOS 10 行为。我最初并不成功。此外,似乎 iOS 11 解决了弹出窗口的定位问题,但它也引入了标签栏大小(图片)的错误。所以我的解决方案也需要解决这个问题。
更新的解决方法
重新审视这个问题后,我重新考虑了一个我最初排除的解决方案。事实证明 AVPlayerViewController
只会影响其父 UIWindow
实例的方向。在 iOS 中,使用额外的 UIWindow
不是一个常用的解决方案,但在这里效果很好。
解决方案是使用垫片 rootViewController
创建一个清晰的 UIWindow
,其唯一目的是在 秒 出现时在没有动画的情况下自行关闭。此解决方案在 iOS 10 和 iOS 11 上同样有效。它不会改变用户体验(除了修复错误)。
步骤:
- 创建原版
UIWindow
并使其背景清晰 - 将 window 的 rootVC 设置为
ShimVC
的实例
- 使 window 键可见(因为一切都清楚,用户什么也看不到)
- 从 window 的 rootVC 中呈现
AVPlayerViewController
(这样你就得到了动画,就像你在其他情况下一样) - 当视频播放器关闭时,shim 视图控制器将自行关闭。当 window 的 rootVC 自行解散时,window 将被删除,原来的主 window 将再次成为关键。
这是一张 gif,展示了它的效果:
class FirstViewController: UIViewController, UIViewControllerTransitioningDelegate {
@IBAction func popover(_ sender: UIButton) {
let b = UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "B") as! B
b.modalPresentationStyle = .popover
b.preferredContentSize = CGSize(width: 300, height: 400)
b.isModalInPopover = true
if let ppc = b.popoverPresentationController {
ppc.delegate = self
ppc.permittedArrowDirections = []
let window = view.window!
ppc.sourceView = window
ppc.sourceRect = window.frame
ppc.passthroughViews = nil
}
present(b, animated: true, completion: nil)
}
}
extension FirstViewController: UIPopoverPresentationControllerDelegate {
func adaptivePresentationStyle(for controller: UIPresentationController) -> UIModalPresentationStyle {
return .none
}
}
class ShimVC: UIViewController {
var appearances: Int = 0
override func viewWillAppear(_ animated: Bool) {
super.viewWillAppear(animated)
if appearances > 0 {
// When the rootViewController of a window dismisses, that window
// gets removed from the view hiearchy and discarded, making the
// the previous window key automatically
dismiss(animated: true)
}
appearances += 1
}
}
class B: UIViewController {
let videoURL: URL? = Bundle.main.url(forResource: "ImAfraidWeNeedToUseMath", withExtension: "m4v")
@IBAction func playVideo(_ sender: UIButton) {
if let videoURL = self.videoURL {
let videoPlayer = AVPlayer(url: videoURL)
let videoVC = AVPlayerViewController()
videoVC.player = videoPlayer
let vc = ShimVC(nibName: nil, bundle: nil)
let videoWindow = UIWindow()
videoWindow.backgroundColor = .clear
videoWindow.rootViewController = vc
videoWindow.makeKeyAndVisible()
// Present the `AVPlayerViewController` from the root
// of the window
vc.present(videoVC, animated: true)
}
}
@IBAction func done(_ sender: UIButton) {
dismiss(animated: true)
}
}
最初提出的解决方法
我将提出一个解决方法。这是我之前在某些应用程序中看到的行为。基本上,不是从弹出窗口显示视频播放器,而是用 AVC 切换 B。可能还有其他解决方案需要与库存 UI 套件功能有更多偏差。 (例如可能实现您自己的呈现控制器来实现弹出窗口或将弹出窗口实现为子视图控制器,以便您可以直接从 A[=64 呈现 AVC =].)
在下面的解决方案中,A -> B
然后当用户按下播放器 B 时通知 A 它需要呈现 AVC。所以你得到 A -> AVC
。当 AVC 被解雇时,我 re-present B,所以你回到 A -> B
。总体而言,iOS 10 或 iOS 11 都没有 UI 问题,但您的用户将需要多等几分之一秒。如果时间紧迫,您可以禁用(或尝试缩短?)动画,但总的来说它感觉非常流畅和自然。
此外,我建议提交有关标签栏大小问题的雷达。
这是我的解决方案:
class A: UIViewController, UIViewControllerTransitioningDelegate {
var popover: B?
override func viewDidAppear(_ animated: Bool) {
super.viewDidAppear(animated)
if let popover = popover {
if let ppc = popover.popoverPresentationController {
ppc.delegate = self
ppc.permittedArrowDirections = []
let window = view.window!
ppc.sourceView = window
ppc.sourceRect = window.frame
ppc.passthroughViews = nil
}
present(popover, animated: true, completion: nil)
}
}
@IBAction func popover(_ sender: UIButton) {
let b = UIStoryboard(name: "Main", bundle: nil).instantiateViewController(withIdentifier: "B") as! B
b.modalPresentationStyle = .popover
b.preferredContentSize = CGSize(width: 300, height: 400)
b.isModalInPopover = true
b.delegate = self
if let ppc = b.popoverPresentationController {
ppc.delegate = self
ppc.permittedArrowDirections = []
let window = view.window!
ppc.sourceView = window
ppc.sourceRect = window.frame
ppc.passthroughViews = nil
}
self.popover = b
present(b, animated: true, completion: nil)
}
}
extension A: UIPopoverPresentationControllerDelegate {
func adaptivePresentationStyle(for controller: UIPresentationController) -> UIModalPresentationStyle {
return .none
}
}
extension A: BDelegate {
func dismissB() {
popover?.dismiss(animated: true)
popover = nil
}
func showAVPlayerViewController(_ vc: AVPlayerViewController) {
popover?.dismiss(animated: true) {
// Dispatch async allows it to come up in landscape if the phone is already rotated
DispatchQueue.main.async {
self.present(vc, animated: true)
}
}
}
}
protocol BDelegate: class {
func showAVPlayerViewController(_ vc: AVPlayerViewController)
func dismissB()
}
class B: UIViewController {
weak var delegate: BDelegate?
let videoURL: URL? = Bundle.main.url(forResource: "ImAfraidWeNeedToUseMath", withExtension: "m4v")
@IBAction func playVideo(_ sender: UIButton) {
if let videoURL = self.videoURL {
let videoPlayer = AVPlayer(url: videoURL)
let videoVC = AVPlayerViewController()
videoVC.player = videoPlayer
delegate?.showAVPlayerViewController(videoVC)
}
}
@IBAction func done(_ sender: UIButton) {
delegate?.dismissB()
}
}