Xamarin & Azure Mobile Services Örnek Uygulama

Bu yazıda bir Android uygulaması geliştireceğiz. Bu uygulamayı Xamarin üzerinde C# kullanarak geliştireceğiz. Arka planda ise Azure Mobile Services kullanacağız. Daha önceki mobile services yazılarıma buradan erişebilirsiniz.

Bunun için ilk önce Xamarin Studio'yu indiriyoruz. Xamarin lisansımızın en az Indie olması gerektiğinide söylemek istiyorum.

Azure Mobile Services

İlk önce yeni bir Azure Mobile Service yaratıyoruz ve data tabindan yeni bir tablo oluşturuyouz. Ismini Post yapıyoruz. Mobile Service oluşturma hakkındaki yazıyı buradan okuyabilirsiniz.

Xamarin

Xamarin Studio içerisinde yeni bir Android Projesi açıyoruz.

Xamarin Studio Create Project

   

Yukarıda gördüğünüz gibi C# altında bulunan Android bölümüne giriyoruz ve sağ taraftan Android Application'i seçiyoruz. Projemize aşağıdan bir isim veriyoruz ve OK diyerek projeyi oluşturuyoruz.


Yapmak istediğim proje şu şekilde olacak kullanıcılar uygulamaya girecek ve post atacaklar, diğer kullanıcılar bu post'lari görecek. Herhangi bir login mekanizması olmayacağı için hangi postu kimin attığı belli olmayacak. Şuanda uygulamanın göreselinin güzel olması ile uğraşmayacağım.

   

Projeyi oluşturduktan sonra, Solution explorerda Proje altında bulunan Resources/Layout/Main.axml'e gidiyoruz.

 

Yukarıda gördüğünüz "Source"'a tıklıyoruz ve aşağıdaki kodu yazıyoruz.

Yukarıdaki kodu yazarak, UI'a bir button ve bir listview eklemiş olduk. Button'a basıldığında yeni bir sayfaya yönlendireceğiz. ListView'da ise daha önce gönderilmiş olan postlari göstereceğiz.

   

ListView'daki her bir satırın nasıl gözükeceğini tasarlamak için Layout klasörü üzerine sağ tıklayarak yeni bir layout ekliyoruz ve aşağıdaki kodu yazıyoruz.

Yukarıdaki kodu yazarak, listview'in her bir iteminin basitce bir textView olmasını sağlıyoruz.

   

Şimdi ise yeni bir Post eklemek için bir UI yaratıyoruz. Layout üzerine sağ tıklayarak AddPost.axml adında bir layout yaratıyoruz ve aşağıdaki kodu yazıyoruz. Böylece post gönderebilmek için bir UI oluşturmuş oluyoruz. AddPost adında bir UI yarattık ve aşağıdaki kodu yazıyoruz.

AddPost UI'ina bir EditText koyduk, kullanıcılar göndermek istediği metini buraya yazacaklar. Hemen altına bir Button koyduk, kullanıclar bu butona basarak yazdıklarını Azure Mobile Service'e gönderecekler. Gönderme işlemi tamamlandığında tekrar Main page activity'e yönlendireceğiz ancak bu süreçte bir progress bar gerekliydi ve bunuda UI'a koyduk.

   

AddActivity.cs adında bir activity ekliyoruz. Bu AddPost.axml ile ilişkilendireceğimiz activity.

   

Şimdi ise Azure Mobile Services kullanabilmek için projemize gerekli componenti ekliyoruz. Solution expolorerda bulunan Components'a sağ tuşla tıklıyoruz ve Get More component'a tıklıyoruz. Acılan pencerede Azure Mobile Services'I aratıyoruz ve Add To App butonuna basarak projemize ekliyoruz. Ayrıca references'a giderek System.Http.Net'I ekliyoruz.

   

Add Azure Mobile Services Component to Project

Projemize yeni bir class ekliyoruz. Post.cs içerisine aşağıdaki kodu yazıyoruz. Bu class bizim data class'imiz yani mobile service'a gönderecek kayıt etmek istediğimiz bilgilerin modeli.

   

   

Projemize yeni bir class ekliyoruz. MobileServicesRepository.cs içerisine aşağıdaki kodu yazıyoruz. Bu class bizim Azure Mobile Service ile aramızdaki bağlantıyı yönetecek class.

MainActivity.cs dosyasına geçiyoruz ve aşağıdaki kodu yazıyoruz.

Şimdi AddActivity.cs'e geçiyoruz ve aşağıdaki kodu yazıyoruz.    

Yukarıdaki kod'a baktığımız zamanda UI nesnelerine ait değişkenleri set ettikten sonra, button click event'inde editText içine girilen bilgileri Azure'a gönderiyoruz. Daha sonra progressbar'I görünür hale getiriyoruz ve sonra MainActivity'e yönlendiriyoruz.

   

Örnek projeyi aşağıdaki linkten indirebilirsiniz.

   

http://github.com/altinokdarici/XamarinAndroidWithAzureMobileService

   

Yorum ekle

Loading