Xamarin ile mobil uygulama hazırlamak (Kısım 1)


Merhaba sevgili yazılımcılar, bu makalemde Xamarin ile Todo uygulaması örneğimizi nasıl hazırladığımı anlatacağım. Todo uygulamaları bugün ve gelecekte yapacağımız işlerimizi kaydedip günümüzü organize etmemizi sağlayan harika iş yönetim uygulamalarıdır.

Yüklemeler

Öncelikle Xamarin’in Preview sürümünü yükleyin. Xamarin’in Preview sürümü Xamarin Live Player mobil uygulaması ile iletişim kurarak uygulamanızı doğrudan telefonunuz üzerinde deneyebilmenizi mümkün kılıyor. Böylece Windows geliştiricilerin iOS uygulamaları denemek için Mac satın almaları ya da sanal Mac kurmalarına da gerek kalmıyor.

Xamarin Preview sürümünü yüklemek için öncelikle Visual Studio 2017 15.3 Preview sürümünü indirip yüklemelisiniz. Visual Studio’nun bu preview sürümü mevcut kararlı sürümlerle yan yana yüklenebilmektedir. Visual Studio 2017 15.3 Preview’ın Community Edition’ını yükleyebilirsiniz, ben çalışmamda bu edition’ı kullandım.

Visual Studio’yu yüklerken iş yükü olarak .NET ile Mobil Uygulama Geliştirmeyi seçmelisiniz, ek olarak Git ve GitHub bileşenlerini yükleyebilirsiniz. Yükleme tamamlandıktan sonra, Visual Studio 2017 Preview’u açıp oturum bilgilerinizi girin, daha sonra Araçlar menüsünden Uzantılar ve Güncelleştirmeler seçeneğine tıklayın. Açılan pencereden Çevirimiçi>Visual Studio Market bölümüne gelin ve buradan Xamarin Updater’ı yükleyin.

Xamarin Updater’ın yüklemesi zamanlanacaktır. Yüklemenin yapılması için Visual Studio 2017 Preview’u kapatmanız gerekmektedir. Yüklemeden sonra Visual Studio 2017 Preview’u tekrar açın ve Araçlar>Uzantılar ve Güncelleştirmeler’den>Güncellemeler altındaki tüm Xamarin ve Visual Studio güncellemelerini yükleyin, yüklemelerin gerçekleştirilmesi için Visual Studio’yu kapatıp açın.

Yüklemeler başarıyla tamamlandığında artık Xamarin Preview ile geliştirim yapmaya başlayabilirsiniz.

Başlıyoruz…

Öncelikle yeni bir Cross-Platform Xamarin.Forms projesi oluşturarak geliştirmeye başlayacağız. Visual Studio 2017 Preview’da Dosya>Yeni>Proje seçeneğine tıklayın. Açılan pencerede sol taraftan Cross-Platform’u seçin ve Çoklu Platform Uygulaması (Xamarin.Forms veya Yerel) seçeneği seçin.

Uygulamanıza “Todo” adını verin ve Tamam butonuna tıklayın. Bundan sonra aşağıdaki pencerenin gelmesi gerekiyor:

Bu pencerede şablon olarak Boş Uygulamayı seçiyoruz, UI Teknolojisi olarak Xamarin.Forms’u ve Kod Paylaşımı Stratejisi için Paylaşılan Proje’yi seçiyoruz. Portable (PCL) projelerde maalesef bu makaleyi yazdığım günlerde Xamarin Live Player’ın bugları nedeniyle hatalar oluşuyor.

Boş uygulamamız oluştuktan sonra devam etmeden önce ilk işimiz çalışıyor mu test etmek olmalıdır. Preview sürümünde hatalarla karşılaşmanız olasıdır, eğer bir hata ile karşılaşırsanız çözümünü Internette arayınız.

Uygulama oluştuktan sonra başlangıç projesi olarak Android’i seçin ve VisualStudio_android-23_x86_phone (Android 6.0 – API 23) adlı emulatörü kullanarak çalıştırın. Bu emulatör ARM emulatörlerine göre daha hızlıdır, ancak açılması yine de bir hayli zaman alabilir. Emulatör çalışıp uygulama yüklendiğinde aşağıdaki ekran görüntüsünü almalısınız:

Tebrikler! Boş uygulamamız çalışıyor.

Xamarin Live Player

Şimdi Xamarin Live Player’ı test edelim. iOS ya da Android telefonunuza App Store ya da Google Play’den Xamarin Live Player’ı bulup yükleyin. Eğer uygulamanızı iOS cihazda deneyecekseniz Visual Studio’dan başlangıç projesi olarak iOS projesini seçin ve Live Player’ı seçerek çalıştırın. Ekrana QR kodu bulunan bir pencere gelecektir. Bu kodu Xamarin Live Player’daki Pair to Visual Studio butonun dokunup telefon kamerasıyla tarattığınız bağlantı sağlanacak ve uygulama telefonunuzda çalışmaya başlayacaktır.

Bağlantı sorunları yaşarsanız bilgisayar ile telefonunuzun internet erişimi olan aynı Wi-Fi’de olduğundan emin olun ve tekrar deneyin. Xamarin Live Player ile ilgili ayrıntılı bilgiyi https://www.xamarin.com/live adresinden öğrenebilirsiniz.

Sonuç

Todo uygulaması hazırlama makalemizin birinci kısmını tamamlamış olduk. Bu aşamaya kadar geldikten sonra aslında istediğiniz mobil uygulamayı hazırlamaya başlayabilirsiniz. Bu ilk kısım her mobil uygulamada ortaktır. Makalemizin ikinci kısmı önümüzdeki günlerde blogumda olacak, mutlu kodlamalar 🙂

Reklamlar

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Connecting to %s