判断UIView是否对用户可见？

Question

是否可以确定我的 UIView 对用户是否可见？

我的视图多次作为子视图添加到UITabBarController中。

此视图的每个实例都有一个用于更新视图的 NSTimer。

但是，我不想更新用户不可见的视图。

这可能吗？

Answer 1

对于最终到达这里的其他人：

要确定 UIView 是否在屏幕上的某个位置，最好检查 window != nil ，而不是检查 superview != nil 。 =零。在前一种情况下，视图可能有一个超级视图，但超级视图不在屏幕上：

if (view.window != nil) {
    // do stuff
}

当然，您还应该检查它是否隐藏或是否有 alpha > ; 0 。

关于不希望您的 NSTimer 在视图不可见时运行，您应该尽可能手动隐藏这些视图，并在视图隐藏时停止计时器。但是，我完全不确定你在做什么。

Answer 2

您可以检查是否：

• 它是隐藏的，通过检查 view.hidden
• 它在视图层次结构中，通过检查 view.superview != nil
• 您可以检查视图的边界以查看它是否处于打开状态screen

我唯一能想到的另一件事是，如果您的视图被埋在其他人后面并且因此而无法被看到。您可能必须仔细检查随后出现的所有视图，看看它们是否遮挡了您的视图。

Answer 3

这将确定视图的框架是否在其所有超级视图（直到根视图）的范围内。一个实际用例是确定子视图在滚动视图中是否（至少部分）可见。

Swift 5.x：

func isVisible(view: UIView) -> Bool {
    func isVisible(view: UIView, inView: UIView?) -> Bool {
        guard let inView = inView else { return true }
        let viewFrame = inView.convert(view.bounds, from: view)
        if viewFrame.intersects(inView.bounds) {
            return isVisible(view: view, inView: inView.superview)
        }
        return false
    }
    return isVisible(view: view, inView: view.superview)
}

较旧的 swift 版本

func isVisible(view: UIView) -> Bool {
    func isVisible(view: UIView, inView: UIView?) -> Bool {
        guard let inView = inView else { return true }
        let viewFrame = inView.convertRect(view.bounds, fromView: view)
        if CGRectIntersectsRect(viewFrame, inView.bounds) {
            return isVisible(view, inView: inView.superview)
        }
        return false
    }
    return isVisible(view, inView: view.superview)
}

潜在改进：

• 尊重 alpha 和 hidden。
• 尊重clipsToBounds，因为如果为 false，视图可能会超出其父视图的边界。

Answer 4

对我有用的解决方案是首先检查视图是否有窗口，然后迭代超级视图并检查是否：

1. 视图未隐藏。
2. 该视图在其超级视图范围内。

到目前为止似乎运作良好。

斯威夫特3.0

public func isVisible(view: UIView) -> Bool {

  if view.window == nil {
    return false
  }

  var currentView: UIView = view
  while let superview = currentView.superview {

    if (superview.bounds).intersects(currentView.frame) == false {
      return false;
    }

    if currentView.isHidden {
      return false
    }

    currentView = superview
  }

  return true
}

Answer 5

我对@Audrey M. 和@John Gibb 他们的解决方案进行了基准测试。
@Audrey M. 他的方式表现更好（10 倍）。
所以我用它来使其可观察。

我制作了一个 RxSwift Observable，以便在 UIView 可见时收到通知。
如果您想触发横幅“查看”事件，这可能很有用，

import Foundation
import UIKit
import RxSwift

extension UIView {
    var isVisibleToUser: Bool {

        if isHidden || alpha == 0 || superview == nil {
            return false
        }

        guard let rootViewController = UIApplication.shared.keyWindow?.rootViewController else {
            return false
        }

        let viewFrame = convert(bounds, to: rootViewController.view)

        let topSafeArea: CGFloat
        let bottomSafeArea: CGFloat

        if #available(iOS 11.0, *) {
            topSafeArea = rootViewController.view.safeAreaInsets.top
            bottomSafeArea = rootViewController.view.safeAreaInsets.bottom
        } else {
            topSafeArea = rootViewController.topLayoutGuide.length
            bottomSafeArea = rootViewController.bottomLayoutGuide.length
        }

        return viewFrame.minX >= 0 &&
            viewFrame.maxX <= rootViewController.view.bounds.width &&
            viewFrame.minY >= topSafeArea &&
            viewFrame.maxY <= rootViewController.view.bounds.height - bottomSafeArea

    }
}

extension Reactive where Base: UIView {
    var isVisibleToUser: Observable<Bool> {
        // Every second this will check `isVisibleToUser`
        return Observable<Int>.interval(.milliseconds(1000),
                                        scheduler: MainScheduler.instance)
        .map { [base] _ in
            return base.isVisibleToUser
        }.distinctUntilChanged()
    }
}

如下所示：

import RxSwift
import UIKit
import Foundation

private let disposeBag = DisposeBag()

private func _checkBannerVisibility() {

    bannerView.rx.isVisibleToUser
        .filter { $0 }
        .take(1) // Only trigger it once
        .subscribe(onNext: { [weak self] _ in
            // ... Do something
        }).disposed(by: disposeBag)
}

Answer 6

经过测试的解决方案。

func isVisible(_ view: UIView) -> Bool {
    if view.isHidden || view.superview == nil {
        return false
    }

    if let rootViewController = UIApplication.shared.keyWindow?.rootViewController,
        let rootView = rootViewController.view {

        let viewFrame = view.convert(view.bounds, to: rootView)

        let topSafeArea: CGFloat
        let bottomSafeArea: CGFloat

        if #available(iOS 11.0, *) {
            topSafeArea = rootView.safeAreaInsets.top
            bottomSafeArea = rootView.safeAreaInsets.bottom
        } else {
            topSafeArea = rootViewController.topLayoutGuide.length
            bottomSafeArea = rootViewController.bottomLayoutGuide.length
        }

        return viewFrame.minX >= 0 &&
               viewFrame.maxX <= rootView.bounds.width &&
               viewFrame.minY >= topSafeArea &&
               viewFrame.maxY <= rootView.bounds.height - bottomSafeArea
    }

    return false
}

Answer 7

我真的想知道视图是否对用户可见，您必须考虑以下事项：

• 视图的窗口是否不为零且等于最顶层的窗口
• 视图及其所有超级视图 alpha >= 0.01（UIKit 也使用阈值来确定是否应该处理触摸）且不隐藏
• 视图的 z-index（堆叠值）是否高于同一层次结构中的其他视图。
• 即使 z-index 较低，如果顶部的其他视图具有透明背景颜色、alpha 0 或隐藏，它也可以是可见的。

特别是前面视图的透明背景颜色可能会造成以编程方式检查的问题。真正确定的唯一方法是制作视图的编程快照，以在其框架内与整个屏幕的快照进行检查和比较。然而，这对于不够独特的视图（例如全白）不起作用。

如需灵感，请参阅 中的 isViewVisible 方法iOS Calabash-服务器项目

Answer 8

我能想到的最简单的 Swift 5 解决方案适合我的情况（我正在寻找嵌入在我的 tableViewFooter 中的按钮）。

约翰·吉布斯的解决方案也有效，但在我看来，我不需要所有的递归。

    func scrollViewDidScroll(_ scrollView: UIScrollView) {
        let viewFrame = scrollView.convert(targetView.bounds, from: targetView)
        if viewFrame.intersects(scrollView.bounds) {
            // targetView is visible 
        }
        else {
            // targetView is not visible
        }
    }

Answer 9

在 viewWillAppear 中将值“isVisible”设置为 true，在 viewWillDisappear 中将其设置为 false。了解 UITabBarController 子视图的最佳方法也适用于导航控制器。

Answer 10

另一个有用的方法是 didMoveToWindow()
示例：当您推送视图控制器时，之前的视图控制器的视图将调用此方法。检查 didMoveToWindow() 内部的 self.window != nil 有助于了解您的视图是在屏幕上出现还是消失。

Answer 11

这可以帮助您确定您的 UIView 是否是最顶层的视图。可能有帮助：

let visibleBool = view.superview?.subviews.last?.isEqual(view)
//have to check first whether it's nil (bc it's an optional) 
//as well as the true/false 
if let visibleBool = visibleBool where visibleBool { value
  //can be seen on top
} else {
  //maybe can be seen but not the topmost view
}

Answer 12

试试这个：

func isDisplayedInScreen() -> Bool
{
 if (self == nil) {
     return false
  }
    let screenRect = UIScreen.main.bounds 
    // 
    let rect = self.convert(self.frame, from: nil)
    if (rect.isEmpty || rect.isNull) {
        return false
    }
    // 若view 隐藏
    if (self.isHidden) {
        return false
    }

    // 
    if (self.superview == nil) {
        return false
    }
    // 
    if (rect.size.equalTo(CGSize.zero)) {
        return  false
    }
    //
    let intersectionRect = rect.intersection(screenRect)
    if (intersectionRect.isEmpty || intersectionRect.isNull) {
        return false
    }
    return true
}

Answer 13

如果您使用视图的隐藏属性，则：

view.hidden（目标C）或view.isHidden（swift）是读/写属性。这样你就可以轻松地读取或写入

For swift 3.0

if(view.isHidden){
   print("Hidden")
}else{
   print("visible")
}