iOS Programlama Swift Giriş HelloWorld Uygulaması

#iOSProgramlama #Swift

Hello World Uygulamasından Başlayacağız 😀 ve TeknoSeyir Mobil iOS Uygulamasının yapımına geçerek devam edicek...

https://itunes.apple.com/us/app/teknoseyir-mobil/id1190131055?ls=1&mt=8

 

Yeni Proje Oluşturma:

 

Xcode u açınca bu ekran ile karşılaşıyoruz bu ekranda "Create a new Xcode project" diyoruz.

 

"Single View Application" seçili olarak geliyor bir şey değiştirmeden "Next" diyoruz.

 

"Product Name:" kısmına uygulama adını giriyoruz. Team kısmında Personel Team diye de yazabilir. Apple Developer Hesabı olmadan da uygulama yapılıp telefonda test edilebilir ama mağazaya yüklenemez. .ipa dosyası alınabilir. Telefonda çalıştırırken ayarlardan izin verilmesi gerekir. Ayarların tam neresinde olduğunu hatırlamıyorum ama çalıştırmaya çalışınca ekranda uyarı olarak gösteriyor zaten 😀

sol tarafta bulunan Main.storyboard a 1 kez tıklıyoruz. Ve Sağ altta bulunan alandan Label ve Buton u sürükle bırak şeklinde sahneye ekliyoruz. "Filter" kısmına eklemek istediğiniz komponentin ismini yazarak daha hızlı bulabilirsiniz.

Sağ üstde 2 tane daire şekline benzer bi şekil olan yere tıklıyoruz. Ve Label ın üzerine gelip farenin sağ tuşuna basılı tutarak sürükleyip class ViewController ın altına bırakıyoruz. Çıkan ekrandaki "Name" kısmına label giriyoruz ve "Connect" diyoruz.

Aynı işlemi Button içinde yapıyor ama bu sefer "Connection" kısmında "Action" u seçiyoruz "Name" kısmına da buttonAction girip "Connect" diyoruz.

@IBAction func buttonAction(_ sender: Any) {
label.text = "Hello World"
}

buttonAction un içine üstdeki kodları ekliyoruz.

Sol üstten çalıştırmak istiğimiz modeli seçip "Play" tuşuna benzer tuşa basıyoruz.

Sonrasında seçtiğimiz modelin simulatörü açılacak ve uygulama çalışacaktır. Bu işlem uzun sürebilir 😀

Simulatör açıldığında butona tıkladığımızda Label yazısının Hello World olarak değişmesi lazım 😀

Sonraki bloglarda görüşmek üzere...

 

Not:

Çalıştırdıktan sonra durdurmak için Play tuşunun yanındaki Durdur tuşu durdurur.

Seçtiğiniz model gerçek boyutlarıyla ekranda açılacaktır ve ekranda büyük yer kaplayabilir bu yüzden Simulator e tıklıyken (Simulator ön plandayken) yukardaki menülerden

Window-> Scale %75 %50 gibi değerlerle Simulatörün boyutu küçültülebilir.

BeğenFavori PaylaşYorum yap
Tüm blog yazılarını gör