ios - 如何在 iOS 9 中获取堆叠的 UITextFields

Question

在 iTunes Connect 登录屏幕上，用户名和密码标签相互堆叠，顶部弯曲，中间平坦(截图如下)。 是否有可能在 Xcode 7.2 Storyboard 中实现这一点？ 或者这只是一个只有苹果才能做的复杂事情？

Answer 1

我为我构建的应用程序实现了一个非常相似的 UI。我想出的解决方案是组合多个元素来实现所需的界面。我在 Storyboard 中使用了一些免费的代码完成了这一切，但当然也可以在代码中完成。

我用了UIView具有固定的宽度和高度作为我水平居中的“容器”框。然后我添加了电子邮件 (Apple ID) 和密码 UILabel s 到这个容器 View ，将它们在左侧对齐，并将它们堆叠以填充容器的高度。我添加了分隔线 UIView两个标签之间有 1pt 的高度，将其前导和尾随与其容器 View 对齐。然后，添加两个 UITextField s，约束它们，使它们与相关标签的顶部和底部对齐，前导设置为标签的尾部，并且尾部与容器 View 的尾部对齐。在合适的地方添加任何填充。

唯一必须以编程方式完成的事情是将边框应用到容器 View 并围绕边缘:

self.loginContainerView.layer.borderColor = [UIColor greenColor].CGColor;
self.loginContainerView.layer.borderWidth = 1;
self.loginContainerView.layer.cornerRadius = 15;

还不错!如果您使用 UIStackView，这可能会更容易。 .