Önceki derslerimizde biraz temel oluşturması adına Swift dilinin ana parametrelerinden bahsettik ve bir kaç alıştırma yapmıştık. Şimdi Swift kullanarak iOS uygulaması geliştirilmesine ufak ufak girebiliriz.
Öncelikle proje oluşturma seçeneğine tıkladığınızda karşınıza şu şekilde bir ekran gelecektir.
Buradan Single View Application oluşturuyoruz ve bir sonraki ekran karşımıza geliyor.
Product Name kısmına uygulamanızın ismini, Organization Name kısmına da şirketinizin ismini veya istediğiniz bir şey yazabilirsiniz. Organization Identifier bölümü ise birazcık önemli çünkü xCode projenizi oluştururken Product Name ve Organization Identifier’ı kullanarak ‘Unique’ yani eşsiz bir Bundle ID oluşturuyor. Bundle id uygulamanızı iTunnes de unique olarak referans gösterilmesini sağlıyor.
Boş bölümleri doldurduktan sonra next’i tıklayıp artık projenizi oluşturmuş olacaksınız. Karşınıza
böyle bir ekran çıkacak. Burada projenizin daha çok sistem ayarlarını yaptığınız özellikleri göreceksiniz.
En üst tarafta yani Identity bölümünde bahsetmiş olduğumuz Bundle ID, version ve build numaraları ve Team (Takım) seçeneklerini göreceksiniz. Team bölümünden eğer daha önceden giriş yaptıysanız direk geliştirici hesabınızı seçiyorsunuz, önceden geliştirici hesabını eklemediyseniz ‘Add an account’ seçeneği ile geliştirici hesabınızı ekleyebilirsiniz. Eğer geliştirici hesabınız yok ise iPhone cihazlarınızda uygulamaları çalıştırmanız mümkün olmayacaktır. Fakat bu sizin için öğrenme aşamasında çok sıkıntı oluşturmayacaktır çünkü xCode’un emülatör’ü çok hızlı ve normal bir cihazdan farksızdır.
Deployment Info bölümünde dikkat çekeceğim kısım Device Orientation olacaktır. Buradan eğer uygulamanızın sadece dikey biçimde çalışmasını isterseniz landscape left ve right bölümlerindeki tikleri kaldırabilirsiniz. Tam tersi durumda sadece yatay çalışmasını isterseniz de portrait’in tikini kaldırabilirsiniz. Bu özellikler bütün ekranlar için geçerli olacaktır.
Bir alt bölümde ‘App icons and Launch Images‘ ise uygulamanın icon’unu ve girişteki splash ekranda gelen resmi istediğiniz şekilde değiştirebiliyor, resim icon ekleyebiliyorsunuz.
Evet daha sonra Main.storyboard bölümünü tıklayıp inceleyelim ;
- En soldaki bölüm projenizin bütün sınıflarını, dosyalarını görebildiğiniz bölümdür.
- Onun hemen yanındaki açık bar ise, story board’daki ekranlarınız ( ViewController ) orada sıralanmaktadır. İstediğiniz ekrana ve içindeki elemanlara oradan rahatlıkla ulaşabilirsiniz.
- Ortada ise ekranlarını koyduğunuz story board kısmı bulunmaktadır. Resimde içi boş hazır bir ekran var ve ön tarafında bir ok bulunmaktadır. O gördüğünüz ok uygulama açılırken ilk olarak hangi ekranın geleceğini göstermektedir. Sonradan bir ekran tasarlayıp Ok’un yerini yeni ekran’ın üstüne getirerek değiştirebilirsiniz.
- En sağ tarafta ise altlı üstlü iki bölüm bulunmaktadır : Üst taraftaki bölümde ekran üstünde tıklamış olduğunuz herhangi bir elemanın özellikleri veyahut eğer ekran tıklı ise o ekranın özelliklerini görebilirsiniz. Örneğin bir adet label’ınız olsun, o label’ın text kısmını, boyutlarını, arka plan rengini, yazı rengini gibi bir çok özelliğini bu kısımdan ayarlayabilirsiniz.
- En sağ alt bölümde ise ekranlarıları tasarlarken kullandığınız bütün elemanlar, hatta ekranların ( ViewController ) kendisi de orada bulunmaktadır. Bildiğiniz üzere sürükle bırak şeklinde elemanları kullanabilirsiniz.
Biraz ön bilgi olması amacıyla hazırlanmış bir dersti, sonraki dersler projeler yapıldıkça StoryBoard kullanımı da kolaylıkla öğrenilecektir.
