İlk Uygulamam

Bu yazımızda, kullanıcıdan alınacak 2 sayıyı toplayıp sonucu ekranda gösterecek bir mobil uygulama geliştirilecektir.

Öncelikle bir proje oluşturarak başlayalım.

Bunun için Visual Studio yu açıp Yeni bir proje oluştur seçeneği seçilir.

Resim 1

Yeni bir proje oluştur penceresinde arama bölümüne Xamarin yazılarak proje şablonları elde edilir ve aşağıda belirtilen Mobil Uygulama(Xamarin.Forms) şablonu seçilir.

Resim 2

Proje şablonu seçildikten sonra projeye bir isim verilir ve projenin kaydedileceği klasör seçilir. Ardından Oluştur seçeneği ile devam edilir.

Resim 3

Aşağıdaki pencerede menü şablonlarından Boş olanı seçip devam ediyoruz. Bu pencerede aşağıda hedef platformlar yer almaktadır. Burada Android, IOS ve Windows Mobile platformlarından birini veya hepsini seçebilirsiniz. Şimdilik resimdeki gibi bırakabilirsiniz. Son olarak Oluştur seçeneği ile devam ediyoruz.

Oluştur seçeneğini seçtikten sonra aşağıdaki gibi uygulamamızın açılış ekranı görünecektir.

Yukarıdaki ekranda sağ taraftaki çözüm gezgininden MainPage.xaml dosyasını açıyoruz. Bu dosya uygulamamızın görünen yüzünü oluşturacak olan xaml kodlarını içerir.

Xamarin ile mobil uygulama geliştirilirken windows form uygulamalarındaki gibi bir form bulunmaz ve fare ile sürükle bırak yöntemi ile arayüz düzenlememiz mümkün değildir.

Xamarin ile arayüz düzenlerken yukarıdaki gibi xaml kodları kullanılır. Bu konu ilerleyen yazılarda ele alınacaktır. Bu yazıda basit bir uygulama yazılıp çalıştırılacağından dolayı Mainpage.xaml dosyasındaki kodları aşağıdaki gibi düzenleyip kaydediyoruz.

Ardından sağ taraftaki çözüm gezgininden Mainpage.xaml.cs dosyasını açıyoruz.

Mainpage.xaml.cs dosyasını açtıktan sonra aşağıdaki gibi düzenliyoruz.

Kodlama aşamaları tamamlandıktan sonra aşağıda emulatörün adının yazdığı başlat seçeneği ile uygulamamızı başlatıyoruz.

Uygulama çalıştığı taktirde aşağdaki gibi emulator içerisinde uygulama arayüzü görünecektir.

Artık uygulama emulator içerisinde kullanılabilir.

Uygulamaya ait kodlar

https://github.com/omerozcann/XamarinHelloWorld

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir