xcode 7.3 hızlı Bu ekranın yapısı hangi UI görünümlerini oluşturur?

Question

Bu iphone uygulama ekranının yapısını anlamaya çalışıyorum, ama hayatım boyunca inandırıcı bir yapıya sahip olamıyorum. Nav Barlar, Görünümler, Araç Çubukları, belki de gömülü araç çubukları, ikonlar vb. Anlayışımın bu düzeni anlamaya yetecek kadar zayıf olduğunu düşünüyorum.

sonsuz Apple doc, net öğreticiler okudum, ama bunların hiçbiri oldukça gibi şeyleri ele (ve karmaşık?) Bu düzeni gibi basit göründüğü kadar.

Ortadaki gömülü araç çubuğu (+ 3 bar düğme öğesi) içeren iki sol/sağ simge düğmesiyle üst çubuk için yığın görünümü oluşturmaya çalışırken saatler geçirdim. Ancak sıfır başarı ile - gömülü araç çubuğumun neden 3 düğmeli yığınının görünümünde yığılma görünümünde dağılım = Kaybını Doldurma konusunda ayrı bir soru yayınladım.

Herkes bana deneyebileceğim ikna edici bir düzen yapısı verebilir mi? Ve 3 orta düğmenin etrafındaki batık bir kenarlık ve seçili düğme için daha koyu bir arka plan ile koyu mavi renk hakkında ne dersiniz? (Seçili düğme, seçili olmayan durumundan ayrı bir görüntü mü?)

Ve sonra ikinci koleksiyon - denetimlerin arkasında yuvarlatılmış köşeleri olan bir görünüm mü yoksa başka bir şey mi? Soldaki/sağdaki okları ortadaki uzun tarih dizgesi düğmesiyle nasıl uzatabilirim (tahmin ederim sanırım yatay bir yığın görünümü ile değil). Ve alttaki düğmeler - bölümlenmiş bir kontrol olabilir mi?

Benim için yapı taşlarını tanımlayabilirseniz, bu yardımcı olur. Ya da belki bir yerde bir öğretici veya doc, ya da okuyabileceğim bir yerde bir kod proje örneği? (Birisi, sadece yükleyebileceğim ve öğrenebileceğim bu şeylerle örnek bir uygulama yapsa harika olmaz mıydı? :-) PS. Ayrıca, örnek açık kaynaklı uygulamalar için ağa baktım ve muhtemelen 50 tane buldum, ancak hiçbiri hedefte veya hızlı bir şekilde olduğumu fark edemedim.

Şimdiden çok teşekkürler.

Answer 1

Üst alan muhtemelen bir UINavigationBar'dır ve içindeki üç şey sol çubuk düğme öğesi, başlık görünümü ve sağ çubuk düğme öğesidir.

Alt kısım, Gruplandırılmış stilde bir UITableView'dir. İki bölümden oluşmaktadır. Birinci bölüm, dört alt görüş yapısının tamamını oluşturan bir hücreden oluşmaktadır. Sonra başlık başlığı "bugün" ve bundan sonra her şey bir hücre olan başka bir bölüm var.

İkisi de üstte ve ilk hücrede iki "seçim yapmak" dikdörtgenleri UISegmentedControls vardır.