如何使用 Xcode 约束使 TextField 居中?

Posted

技术标签:

【中文标题】如何使用 Xcode 约束使 TextField 居中?【英文标题】:How to center TextField using Xcode constraints? 【发布时间】:2016-11-24 20:00:43 【问题描述】:

我是 ios 新手,正在尝试在 iOS 中对齐这些 TextField。下面是我希望它在 iPhone 7 上的外观。

然而,在 iPhone 7 Plus 上,TextField 移动到中心的左侧,尽管我有限制。

为什么是这样?我有一个将它们与中心对齐的约束,如屏幕截图右侧所示。

【问题讨论】:

仍然缺少确定宽度和高度的约束。当您添加它们时,它将开始遵守中心约束。 鉴于您的中心和宽度约束已设置,如果您在模拟器或设备上运行它,您应该不会遇到此问题。如果你仍然得到它,你必须检查你的 superview 的约束 【参考方案1】:

很简单!!只需按照以下步骤,

打开您的 .xib 或 .storyboard 文件 选择您必须添加约束的视图 点击右下角的对齐按钮 在容器约束 0 中水平设置 然后按添加约束按钮

您可以按照以下步骤将任何约束添加到任何视图

【讨论】:

【参考方案2】:

你只需要设置尾随和前导空格固定意味着两者都离开 如屏幕截图所示,右侧指示器应为红色。

更多详情请看截图:

它将在所有屏幕中从左到右保持固定。

【讨论】:

【参考方案3】:

在您的情况下,设置宽度约束很重要。 但是,您可以使用尾随和前导约束,这样您就不需要为文本字段设置定义的宽度,并且位置对于所有类型的设备都是正确的。

【讨论】:

【参考方案4】:

如果您想要这样的设计,那么您必须使用 UITableview,然后为每个单元格使用 UITextfield,因为您将每个单元格用作视图,因此可以轻松管理所有文本字段和约束。如果设备显示较小,也可以轻松滚动。

【讨论】:

以上是关于如何使用 Xcode 约束使 TextField 居中?的主要内容,如果未能解决你的问题,请参考以下文章

SwiftUI:如何使 TextField 适合多行内容?

如何使约束适用于横向和纵向(xcode 8.1 / swift3 / storyboard)

如何使元素适合 Xcode IB 中的 AutoLayout?

如何自动更新xcode中的帧?

Xcode:如何获取 textLabel 以显示在 textField 中输入的附加静态文本?

如何使用 Swift 在 xCode 中将 textField 的字符串转换为 Double [重复]