2015-12-28 54 views
1

得到層疊UITextFields在iTunes連接登錄屏幕的用戶名和密碼標籤堆疊在彼此上的和在中間(截圖下文)的頂部和扁平是彎曲的。 是否有可能在Xcode 7.2 Storyboard中實現這一點?或者這只是蘋果公司能做的一件複雜的事情?如何在IOS 9

enter image description here

回答

3

我已經實現了一個應用程序我建立了一個非常相似的用戶界面。我想出的解決方案是結合多個元素來實現所需的接口。我在Storyboard中用一點代碼完成了這一切,但當然它也可以在代碼中完成。

我使用的UIView具有固定的寬度和高度爲「容器」框我水平居中。然後,我將該電子郵件(Apple ID)和密碼UILabel s添加到此容器視圖中,將它們對齊在左側,並將它們堆疊起來以填充容器的高度。我在兩個標籤之間添加了1pt高度的分隔線UIView,將其前導和尾隨與其容器視圖對齊。接着,添加兩個UITextField S,制約它們,這樣它們頂端對齊和他們的相關標籤的底部,領先被設置爲標籤的拖影,拖尾與容器視圖的尾部對齊。在看起來合適的地方添加任何填充。

必須做編程的唯一一件事就是邊框應用到容器視圖和圓形邊緣:

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

enter image description here

enter image description here

不算太糟糕!如果你使用UIStackView,這可能會更容易。

+0

作品完美謝謝!把我所有的'UITextFields'(5確切地說)嵌入到一個UIView中,並在這個'UIView'上執行你的3行。在'UIStackView'上可能會更容易,但我還沒有使用過其中一個。 – brettf