Bu yazıda iOS yazılımı Objective - C ve temel yazılım ortamımız XCode'u tanımaya başlayacağız. Bu yazı haftada bir yazmayı planladığım tutorialların başlangıcı olacak. Önce bir genel sistemden bahsedelim. Ben ellerini kirletmeden bir yazılımcı olunmayacağına inananlardanım bu yüzden her tutorialde mutlaka bir ufak uygulama yazacak ve neler olduğunu kendi başınıza test edebileceksiniz. Peki neden yazıyorum derseniz: İlk olarak iOS ile ilgili Türkçe kaynaklar oldukça az. İkinci olarak da öğrendiklerimi ya da tecrübe ettiğim şeyleri insanlarla paylaşmak istemem. |
XCode
XCode iOS yazılımı yapacağımız programımız. Üzülerek belirtmeliyim ki sadece Mac'lerde çalışıyor. Windows ya da Linux'da çalıştırmanızın tek yolu ise Virtual Machine ile MacOS kurmak. Çalışan örneklerini gördüm yapılabilir bir şey. Xcode'u yüklemek ise çok basit. AppStore'da XCode diye aratmanız yeterli, ücretsiz bir program. İndirme tamamlanınca ikona tıklayıp uygulamayı açıyoruz. Karşımıza çıkan ekran aşağıdaki gibi.
Create a new Xcode Project'i seçip çıkan ekranda da single view application'ı seçiyoruz. Diğer seçenekleri de zaman zaman seçip kullanacağız. Devamında ise aşağıdaki ekran geliyor.
Product Name: Uygulamaya vereceğiniz ad (İlk Yazilim seçtim ben) Sonradan değiştirince genelde problem oluyor o yüzden bu ismi başta akıllıca seçmenizi öneririm. Türkçe karakter kullanmamaya dikkat edin yoksa fotodaki gibi aptal bi bundle id'niz olur
Organization Name: Kendi yazılım organizasyonunuza vermek istediğiniz isim ( bi vasfı yok)
Organization Identifier: genelde "com.Organization Name" şeklinde olur gene sizi etkileyecek bir şey değil
Language: Objective C ya da Swift seçmenizi istiyor şu anlık hali hazırda dışarıda olan kütüphanelerin çoğunun Objective C ile olması ve bağlantı yapılınca sıkıntılar çıkması dolayısıyla Objective C ile yazacağız.
Device: Şimdilik iPhone'da bırakabiliriz ilerleyen zamanlarda iPad ya da Universal seçebilirsiniz.
Product Name: Uygulamaya vereceğiniz ad (İlk Yazilim seçtim ben) Sonradan değiştirince genelde problem oluyor o yüzden bu ismi başta akıllıca seçmenizi öneririm. Türkçe karakter kullanmamaya dikkat edin yoksa fotodaki gibi aptal bi bundle id'niz olur
Organization Name: Kendi yazılım organizasyonunuza vermek istediğiniz isim ( bi vasfı yok)
Organization Identifier: genelde "com.Organization Name" şeklinde olur gene sizi etkileyecek bir şey değil
Language: Objective C ya da Swift seçmenizi istiyor şu anlık hali hazırda dışarıda olan kütüphanelerin çoğunun Objective C ile olması ve bağlantı yapılınca sıkıntılar çıkması dolayısıyla Objective C ile yazacağız.
Device: Şimdilik iPhone'da bırakabiliriz ilerleyen zamanlarda iPad ya da Universal seçebilirsiniz.
Daha sonrasında dosyaları kaydetmek için sizden bir yer isteyecek. Önerim bu iş için bir klasör açın ve tüm uygulamalarınızı oraya kaydedin. İlk karşımıza çıkan ekrandaki ayarları şimdilik boşverip, heyecanımız kaçmadan ilk uygulamamızı yazmaya girişiyoruz. Sol panelde Main.storyboard dosyasını buluyor ve üzerine tıklıyoruz ve karşımızda iPhone ekranı ama bir dakika bu ekran kare. Bu Apple'ın farklı boyutlardaki ekranlar tek bir yerden tasarım yapılabileceğini kanıtlamak için bize yaptığı bir şov aslında. Daha rahat etmek için ekranı seçip özellikler tabına (Programın sağ üst menüsünde çizgi üzerinden aşağı ok şeklinde olan metrenin yanındaki) tıklayıp size'ı 4 inç seçerseniz iPhone 5s gibi gözükür.
Sağ alttaki sarı işaretlerin oraya gidip Label'ı bulalım ve ekranda istediğiniz bir yere sürükleyip bırakın. Klasiği bozmayalım üzerine çift tıklayarak "Hello World yazalım" Yine sağdaki özellikler menüsünden font boyutu rengi ve arkaplan rengi gibi değişiklikleri yapabilirsiniz. Sonrasında sol üstteki oynat tuşuna (üçgen tuş) basarak. İlk uygulama simülasyonunuzu yapabilirsiniz. Yanındaki görüntüde iPhone6 yazan yere tıklayıp farklı iPhone'lar için simülasyon yapabilirsiniz. Simülasyonu durdurmak için kare olana basabilirsiniz
Objective C
Bu kadar mı yani sadece tut bırak yaptık demeyin. Hafiften kodlamaya gireceğiz bugün. Label'ı bulduğunuz yerden button bulun ve çekip bırakın yine çift tıklayarak içine istediğiniz bir şey yazın. Sağda en üstte iç içe geçmiş iki halka göreceksiniz ona tıklayın Asistant Editor açılacaktır yanda açılan kısımdaki dosyanın ViewController.h dosaysı olduğundan emin olun değilse tıklayıp seçebilirsiniz. Birazdan ekranda bulunan Label ve Butonumuzu koda tanımlayacağız.
Farenin sağtuşu ile Label'ı çekip sağ ekrana @interface 'in altına bırakıyoruz. Label'a bir isim vermemiz isteniyor. Çok parçalı bir programda kaybolmamak için isin verirken türünü başa eklemenizi öneririm neyin ne olduğunu unutmamak için mesela "LblHello" gibi. Bu arada isimler arasında bışluk olamaz kelimeleri ayırmak için alt çizgi yöntemi (label_hello) ya da ilk harf büyük yöntemi kullanabilirsiniz. iOS dünyasında ilk harf büyük yöntemi daha yaygındır. Gelelim butona omu da sürükleyip bırakıyoruz ama isim vermeden önce Connection:'ı outlet 'ten Action'a çeviriyoruz.
Şimdi iki yuvarlağın solundaki butona basıp tekrar tek ekrana dönüyoruz. Sol menüden ViewController.m dosyasını seçiyoruz. Action olarak tanımladığımız şey hazır bekliyor ama Label'ımız yok. Onu eklemek için @implementation ViewController 'ın altına @synthesize LblHello; (ya da labela ne ad verdiyseniz o)
Şimdi tanımlamalar tamam gelelim butona tıklanınca ne olacağına. Oluşan Action'ın süslü parantezleri arasına LblHello.text = @"Aleyküm selam"; yazıyoruz ya da canımız ne isterse tırnakların arasına yazabiliriz. Bu kod Label'ın text'ini değiştirecek. Oynat Uğur'cum deyip çalıştırıyoruz. Butona tıklayınca ta daaa iPhone imana geldi.
Son olarak günü kapatmadan işi bir tık daha ileri götürelim. Tekrar Storyboard'a girip bu sefer bir TextField ekleyelim. Yine Asistant editor'den .h dosyamıza çekelim outlet olarak ve .m dosyasında @synthesize LblHello,TxtYazi; şeklinde ekleyelim. Şimdi yapacağımız ise Label'a biz ne istersek uygulama çalışırken onu yazdırmak.
LblHello.text = @"Aleyküm selam"; kodunu LblHello.text = TxtYazi.text; ile değiştiriyoruz ve çalıştırıyoruz.
Artık siz ne isterseniz Label onu yazacak.
Bu ilk yazı olduğu için çok sert girmedik yazılım işine umarım memnun kalır ve takip edersiniz.
Şimdi tanımlamalar tamam gelelim butona tıklanınca ne olacağına. Oluşan Action'ın süslü parantezleri arasına LblHello.text = @"Aleyküm selam"; yazıyoruz ya da canımız ne isterse tırnakların arasına yazabiliriz. Bu kod Label'ın text'ini değiştirecek. Oynat Uğur'cum deyip çalıştırıyoruz. Butona tıklayınca ta daaa iPhone imana geldi.
Son olarak günü kapatmadan işi bir tık daha ileri götürelim. Tekrar Storyboard'a girip bu sefer bir TextField ekleyelim. Yine Asistant editor'den .h dosyamıza çekelim outlet olarak ve .m dosyasında @synthesize LblHello,TxtYazi; şeklinde ekleyelim. Şimdi yapacağımız ise Label'a biz ne istersek uygulama çalışırken onu yazdırmak.
LblHello.text = @"Aleyküm selam"; kodunu LblHello.text = TxtYazi.text; ile değiştiriyoruz ve çalıştırıyoruz.
Artık siz ne isterseniz Label onu yazacak.
Bu ilk yazı olduğu için çok sert girmedik yazılım işine umarım memnun kalır ve takip edersiniz.
Fikriniz benim için değerli aşağıdan yorum bırakabilirsiniz.
Twitter'da takip edip yeni yazılardan ve paylaşılan tüyolardan hemen haberdar olun.
Soru veya önerileriniz için de Twitter hesabım: @ErkannYazilim
Twitter'da takip edip yeni yazılardan ve paylaşılan tüyolardan hemen haberdar olun.
Soru veya önerileriniz için de Twitter hesabım: @ErkannYazilim