3. Xcode ile ilk Projemiz

Bu bölümde Xcode ile yeni bir proje yaratacağız. Projeye herhangi bir kod eklemeden Simülatörde çalıştıracağız. Buna rağmen default olarak oluşturulan class'lar sayesinde Simülatörde çalışan bir pencere ve içinde bir view göreceksiniz. Sonrasında Xcode kullanarak iPhone uygulamalarındaki temel elemanları inceleyeceğiz.

Öncelikle Xcode'u çalıştırıp ekrandan "Create a new Xcode project" seçeneğine tıklayın. Yeni açılan ekranda iOS altında Application seçeneğini seçin ve sağ üstte açılan penceden "View-based Application" tipini tıklayın.

Son olarak "Choose" butonuna tıklayıp açılan ekranda Projenize isim olarak "HelloWorld" verin. Şu anda önünüzde Xcode ekranı aşağıdaki gibi açılmış olması lazım.

Bu ekranda "Build and Run" butonuna tıklayıp Simulatörün açılmasını bekleyin. Ve karşınızda ilk iphone uygulamanız!

Şimdi Simülatörü kapatıp XCode'a geri dönelim. Konsolun sol tarafında bulunan Classes klasörü içindeki Objective-C sınıflarına göz atalım:

HelloWorldAppDelegate: Bir uygulama çalışmaya başladığında program döngüsünün içine girmiş demektir. Bu döngüde sistemden gelen temel mesajların yorumlanıp ona göre bir davranış sergileme görevini bu class üstlenmiştir. Örneğin iPhone çıkış tuşuna basıldığında akışı düzenleyen bu sınıftır.

HelloWorldViewController: Bu class uygulamanızdaki görsel elemanların kullanıcıya gösterilmesi görevini üstlenmiştir. 

Şimdi de Resources klasörü altındaki dosyaları inceleyelim.

MainWindow.xib : Her iPhone uygulamasında bir adet window vardır. Bu pencere tüm view elemanlarını üstünde barındırır. 

HelloWorldViewController.xib : Uygulamanızın ana view elemanı budur. Geliştirmeler sırasında bu dosyayı açıp önüne gelen Interface Builder (IB) ekranında gerekli görsel değişiklikleri "drag and drop" yöntemi ile gerçekletireceksiniz. View yapınıza buton, yazı ya da image ekleyip arkaplan rengini değiştirebileceksiniz. HelloWorldViewContoller sınıfı sayesinde de oluşturduğunuz her bir view elemanının kodlar ile yönetilmesini sağlayacaksınız. 

Bundan sonraki adımda IB editörünü açıp ekrana bir imaj, bir label ve buton ekleyeceğiz. Sonraki adımlarda ise bu elemanların arkasına ufak kodlar yazıp UI ile kodlar arasındaki bağlantıyı nasıl sağlıyoruz bunu göreceğiz...