Benim yaptığım örnekte basit bir şekilde ekranda iki tane buton ve bir tane textview olacak ve butonlara basılmaya göre bu textview yazısını değiştireceğim.

İlk olarak sıfır bir projemizi oluşturuyoruz ve defaultta gelen ve projemizde “Resources -> layout” konumunda olan “Main.axml” içinde ekranımıza iki buton ve bir textview ekleyip id ve yazılarını isteğimize göre güncelleştiriyoruz.

Daha sonra da önceki yazımda da bahsettiğim gibi tüm Layoutlarımzın kontrolünü tek bir dosyadan “MainActivity.cs” dosyasından erişerek gerekli kontrollerimizi yapıyoruz demiştik.

namespace AndroidApp
{
[Activity(Label = "AndroidApp", MainLauncher = true, Icon = "@drawable/icon")]
public class MainActivity : Activity
{
protected override void OnCreate(Bundle bundle)
{
base.OnCreate(bundle);

// Set our view from the "main" layout resource
// SetContentView (Resource.Layout.Main);
}
}
}

Daha önceki yazıda da bahsettiğim gibi yorum olarak görünen “SetContentView (Resource.Layout.Main);” kod kısmını yorumdan kaldırdığımız zaman main layoutumuz açılış ekranı olacaktır.

Burada ekranlarımızdaki widgetlara ulaşmak için “protected override void OnCreate(Bundle bundle)” içerisinde tüm widget kontrollerine erişip kendi tipinde değişkenlere atamamız gerekmektedir.

Ekanımda yer alan iki buton ve bir text view için aşağıdaki şekilde kontrollerimi tanımlıyorum ve bunlara erişim sağlamış oluyorum.

Button btn1 = FindViewById <Button>(Resource.Id.btn1);

Button btn2 = FindViewById<Button>(Resource.Id.btn2);

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

Hangi kontrol olursa olsun fark etmeden bu şekilde her bir layoutumuzun altındaki kontrollere erişebilmekteyiz. Şimdi buttonlarıma eriştim ve bu butonumun click event ına erişip bunu tektiklemem gerekmektedir.

Bunu yapmanın iki ayrı yöntemi bulunmaktadır. Ekranımda bulunan butonları da ayrı ayrı yöntemlerle yapacağım.

Yöntem 1:

btn1.Click += (sender, e) =>
{
textView1.Text = "Click button 1";
};

Yöntem 2:

btn2.Click += Btn2_Click;

private void Btn2_Click(object sender, System.EventArgs e)
{
TextView textView1 = FindViewById<TextView>(Resource.Id.textView1);

textView1.Text = "Click button 2";
}

Son olarak tüm kodları bir arada görecek olursak classımızın içindeki son kod yapısı aşağıdaki gibi olacaktır.

Projemizi derleyip emülatörde çalıştırırsak eğer buttonlara basıdığında ekran görüntüleri aşağıdaki gibi olacaktır.

The post Xamarin Android Widget Kontrolleri appeared first on Yunus Emre Araç.

İlk olarak Visual Studiomuzu açıyoruz ve “New Project…” diyoruz.

Karşımıza oluşturacağımız projenin template in seçmemiş ve ismini belirlememiz için bir poppup açılacaktır. Burada sol menüde yer alan “Templates” kısmından “Visual C#” altında yer alan “Android” seçeneğini seçiyoruz.

Karşımıza gelen listeden ise en üstte yer alan “Blank App (Android)” olanı seçerek alt kısımdan projemizin ismini de belirledikten sonra “OK” butonu ile projemizi oluşturuyoruz.

Projemizi oluşturduktan sonra karşımıza yukarıdaki gibi diğer visual studio projelerinde olduğu gibi alışık olduğumuz bir proje ekranı çıkacaktır.

,

Sağ tarafta yer alan “Solution Explorer” kısmında projemize baktığımız zaman bu projede farklı bir yapı görüyor olacaksınız. Bu kısımdan biraz bahsedecek olursak,

• Assets : Bu klasör içinde sizin projenizde yer alacak assets dosyalarını (.txt, tff, vb.) koymak için kullanılmaktadır.
• Resource : Bu kısımda projede yer alacak görseller, sayfa yapıları ve değerleriniz için kullanılmaktadır.
• Resource -> drawable : Bu klasörde proje görselleri konulacaktır.
• Resource -> layout : Bu klasörün içerisine projeniz de yer alacak ekranları koymak için kullanılacaktır.
• Resource -> values : Bu klasörde ise bir değişkene değer atayarak bu değerleri burada tutarak kullanabileceksiniz.
• MainActivity.cs : Bu class ise bütün projenizin nasıl çalışacağınızı belirleyeceğiniz ve kodlamayı yapacağımız yerdir.

Bu maddelerin detaylı kullanımlarını ilerleyen makalelerde daha detaylı olarak ele alıp anlatacağım.

Projemizin default kısmında gelen ve Resource -> layout klasörünün altında yer alan Main.axml dosyamızı açıyoruz ve karşıma bir androin ekranı geldiğini görüyoruz.

Bu ekranımıza “Toolbox” kısmında bir tane Text alanı ekliyoruz ve gördüğünüz gibi toolbox ta bulunan alanlarda farklı ve android yapısına göre bulunmaktadır.

Her yeni ilk projemizde olduğu gibi de bu projemizde de text dosyamıza “Hello World” yazarak ilk proje geleneğimizi devam ettiriyoruz.

Yazının üst kısımlarında da bahsettiğim gibi bu ekranının uygulama açıldığında karşımıza çıkacak ekran olarak ayarlamamız gerekmektedir ve bu ayarlama dahil tüm kod kısmını da yazdığımız “MainActivity.cs” classına gelerek gerekli ayarlamalarımızı yapıyoruz.

Aslında projenin default yapısında gelen ekran layout yapısı classımız içerizinde ilk ekran olarak set eden kod yer almaktadır ama bu kod yorum satırına alınarak kapatılmıştır.

Bukod satırını açıyoruz ve defaulttaki layout ismini değiştirmediğimiz için parantez içindeki tanımlamaya da karışmıyoruz. Bunun sonrasında da üst kısımda yer alan projemizi derleme kısmın da yüklediğimiz emülatörlerden birini seçerek projemizi istediğimiz tür android model cihazında test ediyormuş gibi test edebiliriz.

Projemizi derlediğimizde karşımızda “Hello World” yazan bir uygulama açılacak olacaktır. Gördüğünüz gibi daha önce Windows Phone uygulama kodlayanlar aşina olacağı gibi gelişmiş bir emulatör yapısı bulunmaktadır ve sağ tarafta yer alan ayarlamalar sayesinde elinizde bir android cihazı varmış gibi her türlü konuda uygulamanızı kullanıp testlerinizi yapabilirsiniz.

The post Xamarin Android Mobil Programlamaya Giriş appeared first on Yunus Emre Araç.