Otomatik düzen: Xcode 6: Merkezleme UI öğeleri

Question

Bir uygulama yapmak için Xcode 6'daki Arabirim Oluşturucusu'nu kullanıyorum ve farklı boyut ekranları için ekrana ortalamak için metin alanlarını ve düğmeyi almada sorun yaşıyorum.

Konteynırda yatay ve dikey merkezlemeyi seçmenin bir sorun olduğunu düşündüm, ancak otomatik düzende denediğimde öyle görünmüyor. Aslında biraz etrafta tinkledim ve hala anlamadım.

Sadece herhangi bir boyut iPhone ekranı için benim düğme ve metin alanlarının tümünü görmek isterler ve şu anda simülatör sadece böyle bu arayüzü öğeleri bir kısmını gösteriyor: Ayrıca

Ben Bunu henüz kodda yapma düzeyinde olmadığım için bunu storyboard'da yapmak ve kodda yapmak istemiyorum.

Answer 1

Adım 1: Boyut sınıfınızın en az portre görünümünde tüm iPhone ekranlarını kapsadığından emin olun. Yani, beden sınıfını "wCompact hRegular" olarak değiştirin.

Adım 2: Boyut sınıfını doğru bir şekilde ayarladıktan sonra, UITextFields ve UIButton öğelerini storyboard'unuza ekleyin. , Iki things-

bir hatırlamak gerekiyor önce, kısıtlamaları eklemeye başlayın: Bana göre ki-

Adım 3 şey görünüyor. Öğeniz (UITextField, UIButton, UIView veya herhangi bir bileşen), başlangıç ​​konumunu açık bir şekilde bilmeli ve

b. Öğenizin boyut anlamını, boyunu ve genişliğini bilmesi gerekiyor.

Bu durumda, öğelerinizi merkezlemek istediğinizde, sadece sol kenardan 10 ölçekle başlamanın ortalanması gerektiğini ve iPhone ekranınızın sağ kenarından 10 ölçek uzağa bitmesi gerektiğini varsayıyorum. Şimdi, bu, genişliğin ekran boyutuna göre farklı olacağı anlamına gelir, ancak yüksekliği aynı olacaktır.

Yani, sadece boyut denetçisinde,

Bildirimi kutusundan fırlayan 1 metin için yol aşağıdaki sınırlamaların ekleyin, bir şekilde metin kutusunun başlangıç ​​noktası, x ve genişlik ayarladığınız sol kenardan 10 pt ve sağ kenardan 10 pt uzaklıktadır. Endişelenme, sadece basit matematik. 2 metin alanına

, sana,

Son olarak, düğme için, kaynak sıkıntısı olan aşağıdaki-

Şimdi aynı yolu-kısıtlamayla eklemek gitmek güzel. Her şey ortalanmış.

Bu yardımcı olur umarım.

Answer 2

Film şeridi penceresinin altındaki boyut sınıfı seçiciden faydalanmanız gerekir.

bir iPhone 6 veya 6 kişilik Yani

Artı portrede böyle bir kompakt genişlik ve düzenli yüksekliğini seçsin:

Ve sonra yapacağını orada verilen cihazın

için ne olursa olsun otomatik düzen şeyler

Answer 3

Boyut sınıfı seçicinizi storyboard penceresinin alt kısmında kullanarak, size boyutlar genişlik ve yükseklik olarak ayarlayın ve ardından aşağıdaki otomatik düzen kısıtlamalarını izleyin. Senin için çalışacak.

İlk yukarıdaki resimde gösterildiği gibi otomatik düzenini ayarlamak ve sonra storyboard sağ alt köşeden pim seçeneğini seçip, kısıtlarını eklemek istediğiniz görünümü seçin ve Add 4 constrains

butonuna tıklayın

Tüm görünümler için işlemi tekrarlayın ve kısıtlamaları Fix the top, bottom, left and right constrains of all views except the last button that should be fix from top,left,right and fixed height olarak ayarlayın.