返回

iOS 11、iPhone X、Xcode 9 适配全攻略

IOS

UITableView 错乱修复

在 iOS 11 中，UIViewController 的 automaticallyAdjustsScrollViewInsets 属性已被废弃。这意味着当在包含 UITableView 的视图控制器中禁用此属性时，组间距和内容内边距可能会出现错乱。

要解决此问题，请手动设置 UITableView 的内边距。以下是具体步骤：

  1. 在视图加载时，添加以下代码：
tableView.contentInsetAdjustmentBehavior = .never
tableView.contentInset = UIEdgeInsets(top: topLayoutGuide.length, left: 0, bottom: 0, right: 0)

安全区域

iPhone X 的刘海设计引入了一个新的概念：安全区域。安全区域定义了屏幕上不应被刘海覆盖的区域。在 Auto Layout 中，安全区域通过 safeAreaLayoutGuide 属性暴露出来。

要利用安全区域，请使用以下技术：

  • 使用 safeAreaLayoutGuide 约束子视图，确保它们不会被刘海遮挡。
  • 使用 safeAreaInsets 属性获取安全区域内边距，以便在内容布局时进行调整。

Auto Layout 自适应布局

iOS 11 中引入了一种新的 Auto Layout 布局类型：自适应布局。自适应布局允许视图控制器自动调整其子视图布局以适应不同的屏幕尺寸和方向。

要使用自适应布局，请在视图控制器中添加以下代码：

self.view.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    self.view.leftAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.leftAnchor),
    self.view.topAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.topAnchor),
    self.view.rightAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.rightAnchor),
    self.view.bottomAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.bottomAnchor)
])

导航栏高度

iPhone X 的刘海设计还导致导航栏高度发生了变化。在 iOS 11 中，导航栏高度为 88 点，比之前的 64 点高了 24 点。

要适应新的导航栏高度，请将以下代码添加到 viewDidLoad 方法中：

self.navigationController?.navigationBar.prefersLargeTitles = true

其他注意事项

除了上述主要适配指南外，还有其他一些注意事项需要考虑：

  • 使用 UIScrollView 的 contentInsetAdjustmentBehavior 属性来控制滚动视图内容内边距的调整。
  • 使用 UILayoutGuide 来管理视图在不同屏幕尺寸和方向上的布局。
  • 确保图像和文本针对 iPhone X 的高分辨率屏幕进行优化。

结论

通过遵循本指南，您可以确保您的应用在 iOS 11、iPhone X 和 Xcode 9 中完美适配。这些适配技巧将使您的用户获得无缝的体验，并充分利用新技术的优势。请随时参考本文并进行必要的调整，以保持您的应用与最新技术同步。