获取iPhone X屏幕底部的空白区域（Xcode 9）

Question

我正在为我的项目使用Xcode 9，我在底部有一个空格，这是截图：

此外，我正在使用故事板设计4英寸（iphone 5s / SE）作为布局。

如何避免空白区域？

Answer 1

bottom constraints view应该来自bottom layout guide，而不是来自safe area或layout guides（特定于xcode 9），您的距离应为零。

默认情况下，它已固定为view，因此请使用0！

请参阅下面的屏幕截图，以便更好地理解，

要打开此对话框，请点击包含top constraint字段的下拉图标！

你也可以为xcode 9做同样的事情！

更新：

第二个重要的事情，

您应该使用故事板进行启动或启动画面。如果您正在使用启动图像，请将其替换为$scope.showNewTeamDialog = function (ev) { $mdDialog.show({ controller: NewTeamDialogController, templateUrl: 'NewTeam.html', locals: { newTeamName: $scope.newTeamName }, parent: angular.element(document.body), targetEvent: ev }).then(function(newTeamName){ if (newTeamName != undefined) { $scope.newTeamName = newTeamName.newTeamName; $scope.createNewTeam(); } }.bind(this); }; 的新启动图像，并且它可以选择iphone x的图像。

然后你再也找不到空白了！

请参阅下面的屏幕截图。

Answer 2

此空白区域是您的主要视图。如果希望图像视图填充整个区域，请将其固定为超级视图的0空格，而不是底部布局指南或安全区域。要实现此目的，请选择将故事板中的场景视为iPhone X并将图像视图固定如下：

当不在iPhone X模式下时，也可以将图像视图的底部固定到超级视图：当您通过Ctrl拖动进行固定时，当出现constaints列表时按Option键（alt），您将看到“Bottom Space”到集装箱保证金“。

Answer 3

以上两个答案都不适合我。仅设置

 scrollView.contentInsetAdjustmentBehavior = .never

scrollView内部有一个stackView，并且stackView中的元素具有固定的大小，因此无需进行插入调整即可。

贷方转到How to get rid of safeAreaInsets on UIScrollview (iOS 11, iPhoneX)

Answer 4

对我来说这是可行的。选择要为其设置约束的图像。然后在右侧面板中选择属性检查器->然后选择内容模式->缩放以填充