采用Autolayout的IOS自适应布局

Question

我正在开发IOS应用程序，这是我在IOS上构建的第一个应用程序。我有开发Android应用程序的丰富经验。因此，我收集了有关IOS开发的基本信息和知识。我在做自动收费表。但我不能让它完全发挥作用。我已经看到一些开发人员正在编写代码，但是我只想使用IB，因为我相信会有一些方法来处理这个问题。

因此，寻求帮助，请不要反对我的这篇文章，因为我是张贴这之后，尝试几乎所有我在互联网上得到的。

首先，看看我已经发展了什么以及它是什么：

​

在图片中，有不同数量的模拟器，如Ipad pro 12.9、Ipone 8 plus和I phone se

到目前为止我所做的：

• 我已经取了视图(中间的白色框)。我把它垂直的中心和水平的中心。
• 我已将视图高度设置为300点，并将宽度设置为与某些边距相匹配的superview
• 我已经把文本字段，从用户和确定按钮，从用户电话和PIN，如图所示。

问题&我想要的是：-问题是视图是中心、垂直和水平，而不是它的

content are. I want this view to manage its height on the basis of

its content inside. so that It can be looked as center aligned

vertically. Right now its not center align vertically  - Secondly the problem is the width of text fields, as on Ipad they looks too bad. So I really want them to be look good on all devices. 

是否有使用自适应/自动布局的解决方案？请帮助我，我怎样才能得到这个使用IB。

Answer 1

尝试以下解决方案：-

1. 修正文本字段的宽度。
2. 对于标签使用最小字体比例(搜索谷歌)。
3. 对于宽度和高度，您必须使用自适应布局。

宽度= superview的70%，这意味着您的视图的乘数为0.7

高度= 60%的superview，这意味着您视图的乘数为0.6

请参阅图片：-

等宽与超级视图

​

​

将乘数设为0.7

​

​

Answer 2

@Android，为此您需要使用SizeClasses和AutoLayout。

下面我想给你一个解决方案。

使用项目结构，如下所示。不要在主视图中使用另一个UIView。相反，用户StackView。它会自动调整里面的内容。要获得更多信息，只需在苹果博士上查找“苹果博士”即可。

​

​

接下来，需要将约束添加到堆栈视图中，如

• 领先10 ( x)
• 尾随10 (为y)
• 联合中心(宽度)

高度堆栈视图将自动调整。

现在，双击前导和尾随约束将打开大小属性。点击Constant前面的"+“图标。它会让你看到一个弹出式的。为Regular Width Regular Height添加iPad并将值设置为200 (我已经给出了200，您可以根据您的计算和需求给出)。这将如下图所示

​

​

现在，运行或检查所有屏幕的预览。你会得到想要的结果。我的更改显示的结果如下

​

​

快乐编码

Answer 3

这是你需要做的。去看故事板

1. 右键单击屏幕的白色区域，并将光标拖动到绿色区域。
   1. 将出现几个选项，选择“等高”
   2. 现在，白色对话框将变成与绿色屏幕相同的高度，但不要担心。选择高度约束，并将乘法器设置为0.5，表示50%的超级视图高度。重复相同的宽度

​