İOS Geliştirme için Storyboard

Hikaye tahtaları, geliştiricilere ilk olarak iOS 5 sürümünde tanıtıldı. Geliştiriciyi, her ekranın arayüzünü farklı bir dosyada tasarlama zahmetinden kurtarıyorlar. Film şeridi, uygulamanızın kavramsal modelini bir bütün olarak ve her ekran arasındaki etkileşimleri görmenize olanak tanır. Segmentleri kullanarak, uygulamanın belirli ekranlar arasında nasıl geçiş yapacağını ve verileri nasıl aktaracağını ayarlayabilirsiniz. Bu eğitimde size bir uygulama için basit bir giriş ekranının nasıl yapılacağını göstereceğim.

Başlangıç

Yapmak isteyeceğiniz ilk şey yeni bir proje yapmaktır. Dili Swift'e ve cihazları evrensel olarak ayarlayan yeni bir tek ekranlı uygulama isteyeceksiniz. Film şeridine giderseniz boş bir görüntü denetleyici sahnesi görmelisiniz. Görünüm denetleyicisinin sol tarafındaki ok, bunun kök denetleyici olduğunu gösterir.

Kullanıcı adı ve şifre için etiket eklemek için, ekranınızın sağ alt kısmındaki kutuya gitmeniz, içinde kare olan daireyi seçmeniz ve iki etiketi görünümünüze sürükleyip bırakmanız gerekir. Yan çubuktaki tercihleri ​​seçerek birçok önemli parametreyi belirtebilirsiniz. Aşılamayacak çok şey var ama çoğu kendi kendini açıklıyor.

Bizim için önemli olan iki konu yer tutucu metin ve güvenli metin girişi onay kutusudur. Kullanıcının kendileri için hangi bilgilerin gerekli olduğunu bilmesini sağlamak için yer tutucu metin kullanmak ve kullanıcının şifresinin görünmesini engellemek için güvenli giriş kullanmak istiyoruz. Bu yapıldıktan sonra, segmentimizi tetiklemek için bir düğmeye ihtiyacımız var. Metin alanına yaptığımız gibi birini sürükleyebiliriz. Düğmeye bir başlık verdikten ve ekrandaki nesnelerinizi yerleştirdikten sonra şu şekilde görünmelidir:

Şimdi uygulamanın ilk ekranımız bitti, bu yüzden geçiş yapmak için bir tane daha yapmamız gerekiyor. Bunu ekrana ikinci bir görünüm kontrolörü sürükleyerek yapın. İki ekranı birbirine bağlamak için iki şey yapmanız gerekir. Öncelikle, düğmeyi kontrol etmeniz ve eklediğiniz yeni ekrana sürüklemeniz gerekir. Ardından, iki görünüm arasındaki daireyi seçmeniz gerekecek. Daha sonra tanımlayıcıyı segment olarak değiştirmeniz gerekecektir; bu örnek için 'nextScreen' kullanacağım

Son olarak, kullanıcıyı görüntüleyebilmemiz ve uygulamamızın çalışıp çalışmadığını görebilmemiz için yeni ekrana bir etiket koyacağız. Alanlara film şeridinden programlı olarak erişebilmek için, bunları şu şekilde kullanan sınıfta onlar için çıkışlar oluşturmamız gerekecek:

class FirstScreen: UIViewController {

@IBOutlet zayıf var kullanıcı adı: UITextField!
@IBAction func loginButton (gönderen: AnyObject) {
perfromSegueWithIdentifier ('nextScreen', gönderen: self)
}
}

sınıf SecondScreen: UIViewController {
var user: String!
@IBOutlet zayıf var kullanıcı adı: UILabel!

func görünümünü geçersiz kılDidload () {
username.text = kullanıcı
}
}

Bu yapıldıktan sonra, her ekranın bağlantı denetçisini kullanarak nesneleri film şeridinden bağladığınızdan emin olun. Çıkışlarınız görünmelidir ve bunları bağlamak için sağındaki daireye tıklayabilirsiniz.

Uygulanacak son işlev, ilk ekranın sınıfındaki preparForSegue işlevidir. Bu, verileri yeni görünüme şu şekilde aktarmanıza olanak tanır:

eğlenceyi geçersiz kılma PreparForSegue (aşağıdaki: UIStoryboardFollow, gönderen: AnyObject?)
segue.identifier == “nextScreen” {
destVC = continue.destinationViewController'ın UIViewController olarak olmasına izin verin
destVC.user = self.username
}
}

Artık ekranları nasıl değiştireceğiniz ve bunlar arasında nasıl veri aktaracağınız konusunda temel bir anlayışa sahipsiniz. Bu size işlevsel uygulamalar ve mutlu programlama yapmak için iyi bir başlangıç ​​sağlayacaktır!