Xamarin İlk Uygulama

Xamarin'i Nasıl entegre edilir makalesini okumak için tıklayınız.

Xamarin'de ilk projemiz oluşturmadan önce anroid ve IOS tabanlı uygulamalar geliştirebileceksiniz. Dolayısıyla her platformda çalışabilen bir uygulamanız olacaktır. IOS çıktısını alıp Mac işletim sistemli bilgisayarlarda bir derlemeniz gerekecektir. (Xcode editoru üzerinde) 

Uygulamadaki farklı ekranlara sırayla bakalım.

Resources içerisinde bulunan layout klasöründe bulunan activiy_main.axml dosyası ekran tasarımını, ekranda bulunmasını istediğimiz kontrolleri taşımaktadır. Yeni bir kontrol eklemek istersek Toolbox üzerinden sürekleyip bırakarak tasarımını yapabiliriz.

activity_main.axml kodları aşağıdaki gibidir.

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:orientation="vertical"

android:layout_width="match_parent"

android:layout_height="match_parent">

<TextView

android:text="0"

android:textSize="50sp"

android:gravity="center"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:id="@+id/txtNumber" />

<Button

android:text="Increment"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:id="@+id/btnIncrement" />

<Button

android:text="Decrement"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:id="@+id/btnDecrement" />

</LinearLayout>

Yukarıdaki kodların tasarımı aşağıdaki gibi olacaktır. 

Buttonun kodlarına yani MainActivity.cs dosyası kontrollerin yapacakları işleri kodladığımız backend kodlarının barındığı yerdir.

MainActivity.cs kodları

using Android.App;

using Android.OS;

using Android.Support.V7.App;

using Android.Runtime;

using Android.Widget;

namespace App1

{

[Activity(Label = "@string/app_name", Theme = "@style/AppTheme", MainLauncher = true)]

public class MainActivity : AppCompatActivity

 {

 TextView txtNumber;

 int number;

protected override void OnCreate(Bundle savedInstanceState)

{

base.OnCreate(savedInstanceState);

// Set our view from the "main" layout resource

 SetContentView(Resource.Layout.activity_main);

txtNumber = FindViewById<TextView>(Resource.Id.txtNumber);

FindViewById<Button>(Resource.Id.btnIncrement).Click += (o, e) => txtNumber.Text = (++number).ToString();

FindViewById<Button>(Resource.Id.btnDecrement).Click += (o, e) => txtNumber.Text = (--number).ToString();

}     

}

}

Uygulamamız hazır olup Increment buttonuna tıklandığında değer artarken, decrement buttonuna tıkladığında değerde azalma görünecektir. Yazmış olduğumuz bu uygulama hem android hem de IOS işletim sistemli uygulamalarda çalışacaktır.