如何在iOS 9中獲得堆疊的UITextFields

Question

在iTunes Connect登錄屏幕上，用戶名和密碼標簽相互疊加，頂部彎曲，中間平放（下面的屏幕截圖）。 是否有可能在Xcode 7.2 Storyboard中實現這一目標？ 或者這只是一個復雜的事情，只有蘋果才能做到？

Answer 1

我為我構建的應用程序實現了一個非常相似的UI。 我想出的解決方案是組合多個元素以實現所需的界面。 我在一個故事板中用一些免費代碼完成了這一切，但當然它也可以在代碼中完成。

我使用了一個固定寬度和高度的UIView作為“容器”框，我水平居中。 然后我將電子郵件（Apple ID）和密碼UILabel添加到此容器視圖中，在左側對齊它們，並將它們堆疊起來以填充容器的高度。 我在兩個標簽之間添加了高度為1pt的分隔線UIView ，將其前端和尾部對齊到其容器視圖。 然后，添加兩個UITextField ，約束它們使它們對齊到相關標簽的頂部和底部，將前導設置為標簽的尾部，尾部與容器視圖的尾部對齊。 添加任何適合的填充。

必須以編程方式完成的唯一事情是將邊框應用於容器視圖並使邊緣變圓：

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

還不錯！ 如果您使用UIStackView這可能會更容易。