故事板在iOS应用程序上未显示正确的布局

时间:2015-11-08 13:25:52

标签: ios xcode layout xcode-storyboard

我正在尝试为iPhone 5制作我自己的iOS应用程序,我添加了3个标签和一个按钮,问题是一个按钮显示,但其他按钮和标签之一被裁剪得如此轻微和最后一个按钮不见了。

我知道这是为了让开发人员只需要为所有设备设计一个GUI,但我不知道如何解决这个问题。

示例错误:

StoryBoard Design

enter image description here

在iPhone 5模拟器上运行

enter image description here

我该如何解决这个问题?

2 个答案:

答案 0 :(得分:3)

正如您在问题中所说,您正在为iPhone5制作应用程序。因此,您必须在属性检查器中更改视图控制器屏幕大小。

<强> 1。选择视图控制器并更改大小

enter image description here

<强> 2。现在你的视图控制器看起来像这样

enter image description here

现在在iPhone 5模拟器中运行项目。

答案 1 :(得分:2)

看起来您使用了不当的约束,请参阅下面的一些自动布局解决方案:

步骤1:您可以根据您正在处理的视图更改基本值。

Choose the base device you are working on

第2步:加载助理编辑器

Assistant Editor

第3步:打开预览模式,您可以在其中查看启动应用时每个设备的外观。

Preview Mode

第4步:选择您要使用的设备。

Preview mode

Click the plus button to choose the devices

Choose Devices

第5步:添加约束

您还可以参考苹果Auto Layout Doc了解更多信息和示例。

Without constraints

Adding constraints 1

Adding constraints 2

Seeing the results