Xcode: Storyboard
Storyboard, uygulamamızın tasarımını görsel olarak hazırladığımız bir araçtır. Uygulama akışını ve ekranlar arasındaki geçişleri gösterir.
Storyboard, uygulamamızın tasarımını görsel olarak hazırladığımız bir araçtır. Sürükle bırak mantığı kullanarak tasarımlarımızı gerçekleştiririz. Storyboard, oluşturduğumuz tüm tasarımları tek bir panelde görmemizi sağlarken buna ek olarak uygulamamızın akışını ve ekranlar arasındaki geçişleri görmemizde büyük rahatlık sağlar.
Birlikte yeni bir proje oluşturalım ve Storyboard’ı yakından inceleyelim. 🤗
Hadi Başlayalım
Projemiz açıldıktan sonra Main.storyboard dosyasına tıklıyoruz ve bizi aşığıdaki gibi bir ekran karşılıyor.
Hadi bu ekranı detaylı ve daha yakından inceleyelim.
Cihaz Seçimi
Uygulamımızı yazarken tek bir cihaza yazıyormuş gibi yazmamak lazım. Tüm cihazlara optimize etmemiz gerekiyor. Örneğin uygulamamıza bir Button koyduk. Bu Button’u diğer cihazlarda test ettiğimizde Button’nun farklı cihazlar farklı yerlerde göründüğünü göreceksiniz. Sizde cihazlar arası geçiş yaparak yazdığınız uygulamınızı test edebilirsniz. Cihazlar arası geçişi yapmak için; Sol altta bulunan View as: Butonuna basarak cihazları görebilirsiniz. Aynı zamanda yatayda ve dikeyde de değişiklikler yapabilirsiniz.
Uygulamanızı diğer cihazlara optimize etme hakkında daha fazla bilgi almak için Auto Layout yazımızı ziyaret edebilirsiniz.
Uygulamamıza Birkaç Nesne Ekleyelim
Sağ üst tarafta bulunan Library icon’una basıp Sürekle ve bırak yaparak 1 adet Button ve 1 adet Label ekleyelim.
Storyboard’a Yeni Bi Sayfa Ekleyelim
Tekrar Library icon’una tıklayalım ve bu sever View Controller’ı bulup Storyboard’ın boş bir yerine sürükleyip bırakalım.
Eklediğimiz ekrana’da bir tane Label atalım. Eklediğimiz Label’ların isimlerini değiştirelim.
1. Ekrandaki Label’ın adını: 1. Ekran diyelim.
2. Ekrandaki Label’ın adını: 2. Ekran diyelim.
Bunu nasıl yapıyoruz ?
Eklediğimiz Label’ın üzerine 1 kez tıkladıktan sonra sağ panaleden Text bölümünden Label’ın adını değiştiriyoruz.
UILabel hakkında daha fazla bilgi almak için aşağıdan UILabel yazımızı ziyaret edebilirsiniz.
Label isimlerini değiştirdiyseniz devam edelim.
1. Ekrandan 2. Ekrana Geçiş Yapalım
Ekranlar arası geçişe olayına Segue adı verilir. Peki bunu nasıl yapıyoruz ? Klavyenizden Control tuşuna basılı tutarak tıpkı Label’ı sürüklercesine farenizin / trackpad’inizi basılı tutup sürükleyip ikinci (gitmek istediğiniz) sayfaya bırakın. Önümüze gelen pencereden Show seçeneğini seçelim.
Segue hakkında daha fazla bilgi almak için UIStoryboardSegue yazımızı ziyaret edebilirsiniz.
Uygulamamızı Çalıştıralım
Uygulamamızı çalıştırdık ancak bir problemimiz var. 1. Sayfadan 2. Sayfa’ya gidebiliyoruz ancak 2. Sayfadan 1. Sayfaya geri dönemiyoruz. Bunu 2 şekilde çözebiliriz.
1: 2. Sayfaya Button ekleyip, tıpkı ilk seferde yaptığımız gibi Segue ekleyeceğiz ama bu sefer 2. Sayfadan 1. Sayfaya Segue ekleyeceğiz.
2: Navigation Controller ekleyeceğiz.
Ben size 2. yolu göstereceğim. 1. yolu size bırakıyorum :) Eğer bir sorunla karşılaşırsanız buradayız.
İlk olarak 1. Ekranımızın üzerindeki Bar’ın herhangi bir yerine tıklayarak seçelim.
Seçim yaptıktan sonra Sağ altta bulunan Embed In butonuna tıklayalım.
Önümüze gelen ekrandan Navigation Controller seçeneğine tıklayalım.
- Ekranımızın üzerindeki Navigation Item alanına tıklayalım. (Orası Neresi ? 🤔)
Navigation Item alanına tıklattıktan sonra sağ taraftaki alandan 1. Ekranımıza bir başlık verelim.
Başlık değişince bir şeyi farketmiş olmalısınız.
2. Ekran da, 1. Ekrana geri dönmek için bir Button oluşturduk :) Hadi bunu test edelim.
Uygulamamız gayet başarılı bir şekilde geri geliyor. :)
Entry Point
Storyboard’da tasarladığımız ekranlarında başlangıç noktası vardır. Şimdilik ben bu oku kaldırıyorum. Sizde kaldırmak isterseniz en baştaki oka tıklayın ve sonra klavyenizde silme tuşuna basın. Şimdi bunu geri ekleyelim.
Başlangıcını yapmak istediğiniz sayfanın üzerindeki Bar’a tıklayın. Sağ taraftaki panelden Is Initial View Controller’a tik atın. Başlangıç okunun eklendiğini göreceksiniz.
Swift Öğrenin. Uygulama Geliştirin. Sınırların Ötesine Geçin.
Hem kod yazmaya yeni başlayanların hem de profesyonellerin rahatlıkla takip edebilecekleri 40 saatlik videolu eğitim ile Swift programlama dilini derinlemesine keşfedin. Eğitim boyunca karşılaşacağınız problemleri birebir online görüşmelerde çözün.
