自动布局中 UITextField 的灵活宽度

Question

我最近在我客户的应用程序中启用了自动布局，并正在尝试更新程序以利用 iPhone 6 和 6 Plus 更大的屏幕尺寸。但是，我无法相应地调整视图宽度。

目前，我只关心前两个视图是否正确。这是它的样子：

UILabel UITextField

UILabel（称为名称）具有以下约束：
- 领先空间到 Superview：27
- Superview 的顶部空间：24

UITextField 的约束：
- 前导空格到名称：20
- Superview 的尾随空间：27
- 将 Y 中心与名称对齐

我希望这将使 UITextField 的左边缘靠近名称标签，而右边缘靠近包含 UIScrollView 的右边缘。然而，虽然左边是正确的，但 UITextField 小得可笑，以至于它最多只能占用一两个字符。

如果我向 UITextField Width >= 156 添加一个约束，则该字段对于小型 iPhone 来说足够宽，但对于较大的 iPhone 来说不够延伸。它似乎完全忽略了我放在 UITextField 上的 Trailing Space to Superview 约束。

如何让 UITextField 根据每个设备的大小调整大小？我可以不借助代码来更改宽度约束的常量吗？为什么不遵守 Trailing Space to Superview 约束？

感谢您的帮助。

Answer 1

问题在于滚动视图。我用你的设置做了一个项目，可以看到你所说的非常小的文本视图。我不知道您是如何制作滚动视图的，但使用自动布局可能会很困难。所以这就是我对滚动视图和自动布局所做的。在您的视图控制器中，您希望按如下方式在滚动视图上设置约束，固定到顶部底部和两侧。这允许滚动视图占据整个屏幕，无论是什么设备。然后，不要将标签和文本视图放入滚动视图，而是拖入另一个视图。由于您的输入超出了屏幕的长度，请将您的所有输入放入这个新视图并向下扩展，以便为所有输入腾出空间。您可能需要移动视图，以便将所有内容放入其中。然后将新视图重新设置，使 x 和 y 位置都为零。

现在是最酷的部分。对滚动视图内的这个新视图进行约束。制作它们如下，顶部，底部，两侧和高度。然后将此视图置于其容器的中心。现在，在视图真正滚动之前，您需要转到大纲并找到视图底部的约束。它应该是一个负数。选择此约束并将其设置为零。

您现在可以滚动查看所有输入。

现在您可以在标签和文本视图上设置约束。为此，将标签上的约束设置为顶部查看，引导空间查看，然后固定高度和宽度。选择文本视图并将约束设置为固定到标签，固定到视图的尾部。然后你可以将它的 Y 设置为标签 Y。如果你选择两者，你可以选择水平对齐中心。

它应该如上图所示。结果将是您在帖子中想要的。继续以相同的方式向其余输入字段添加约束，所有这些都应该工作。请让我知道，如果你有任何问题。

Answer 2

对 ScrollView 的约束确实很棘手，滚动视图正在适应它们的内容，这就是你得到比你想要的更小的屏幕的原因。

您需要将scrollView 内的元素之一引用到scrollView superview 或给scrollview 一个固定大小。在这种情况下，您要引用 UIViewController.view（右侧）。这样你就不需要像156>= 这样的任何约束，也不应该有任何歧义。

Answer 3

    根据您的问题，您需要在滚动视图中添加自定义视图并相应地设置约束。您可以访问此链接，它将帮助您解决滚动视图上的自动布局约束问题。
ref:http://spin.atomicobject.com/2014/03/05/uiscrollview-autolayout-ios/
我建议你对任何需要表单的视图使用表格视图，因为它比滚动视图更合适。

Answer 4

这是一个诡计。

在 scrollView 之外添加一个虚拟文本字段。

为虚拟文本字段设置约束以获得所需的正确宽度。

然后用 dummy textField 给 textField 添加等宽约束。