iOS SafeArea

2018-11-05 本文已影响67人一代咩神

提示：

print() 可以在 viewDidAppear(_:) 方法中进行测试，因为在将视图添加到视图层次结构之前，视图的 safe area insets 不准确。

UIView

safeAreaInsets

表示被状态、导航、标签、工具或其他栏覆盖住的不可见区域。

var safeAreaInsets: UIEdgeInsets { get }

iPhone X 以上的竖屏：

/** Prints view.safeAreaInsets:
 *
 * top: 44 + 44 (导航栏)
 * left: 0
 * bottom: 34 + 49 (标签栏)
 * right: 0
 */

iPhone X 以上的横屏：

/** Prints view.safeAreaInsets:
 *
 * top: 32 (导航栏)
 * left: 44,
 * bottom: 21 + 32 (标签栏)
 * right: 44
 */

safeAreaLayoutGuide

表示未被状态、导航、标签、工具或其他栏覆盖住的可见区域；还要减去 additionalSafeAreaInsets（视图控制器属性）插入的值。

var safeAreaLayoutGuide: UILayoutGuide { get }

竖屏可见区域：

let insets = view.safeAreaInsets

// the view.safeAreaLayoutGuide.layoutFrame:
CGRect(x: 0,
       y: insets.top,
       width: 375,
       height: 812 - insets.top - insets.bottom)

横屏可见区域：

let insets = view.safeAreaInsets

// the view.safeAreaLayoutGuide.layoutFrame:
CGRect(x: insets.left,
       y: insets.top,
       width: 812 - insets.left - insets.right,
       height: 375 - insets.top - insets.bottom)

safeAreaInsetsDidChange

在视图的安全区域发生更改时调用。

func safeAreaInsetsDidChange()

对应的视图控制器方法是：

func viewSafeAreaInsetsDidChange()

UIViewController

additionalSafeAreaInsets

可以修改视图控制器 safeAreaInsets。

var additionalSafeAreaInsets: UIEdgeInsets { get set }

修改此属性时 view.safeAreaInsets 会跟着变化，例如：

// 没有导航栏的 iPhone X
additionalSafeAreaInsets.top = 1
print(view.safeAreaInsets.top) // 45

UIScrollView

contentInsetAdjustmentBehavior

确定调整后的内容偏移行为。此属性指定如何使用 safe area insets 来修改滚动视图的内容区域，默认值为 .automatic。

这篇文章已经说的很明白了：
contentInsetAdjustmentBehavior 各个值之间的区别

adjustedContentInset

合并 safeAreaInsets（如果 contentInsetAdjustmentBehavior 为 true ）和 contentInset 的值，以获取此属性的最终值。

var adjustedContentInset: UIEdgeInsets { get }

// 假设：
scrollView.safeAreaInsets.top = 44
scrollView.contentInset.top = 2
// contentInsetAdjustmentBehavior 为 true 的情况下：
// scrollView.adjustedContentInset = 46

// contentInsetAdjustmentBehavior 为 false 的情况下：
// scrollView.adjustedContentInset = 2

// 总结：adjustedContentInset = safeAreaInsets + adjustedContentInset

系统还提供两个方法来监听这个属性的变化：

// UIScrollView
func adjustedContentInsetDidChange()

// UIScrollViewDelegate
func scrollViewDidChangeAdjustedContentInset(_ scrollView: UIScrollView)

UICollectionView

系统默认并没有为 UICollectionView 添加 safeArea，而是使用 UICollectionViewFlowLayout 的 sectionInsetReference 属性控制了：

var sectionInsetReference: UICollectionViewFlowLayoutSectionInsetReference

public enum UICollectionViewFlowLayoutSectionInsetReference : Int {
    case fromContentInset // 默认
    case fromSafeArea // 使用此枚举可以把 collectionView 添加到安全区域
    case fromLayoutMargins // 添加到布局边框
}

提示：

系统默认为 UITableView 使用了 insetsContentViewsToSafeArea 属性来控制是否要将其添加到安全区域，如果设置为 false ，将不再保留安全间距。

参考

苹果 API
iOS 关于全面屏适配的方案及UI在不同尺寸下适配方案
 最近很火的 Safe Area 到底是什么
 contentInsetAdjustmentBehavior 各个值之间的区别