27 Eylül 2015 Pazar

#ANDROID - İlk Uygulama (Sayı Arttır/Azalt)

  Hiç yorum yok
Evet artık yavaş yavaş uygulama yazmaya başlıyoruz. Şimdi yapacağımız uygulamayı kısaca anlatalım. Ekranımızda (activity) iki tane Button ve bir tane sonucu göstereceğimiz TextView olacak. Arttır butonuna tıkladığımızda ekranda görülen değer +1, azalt butonuna tıkladığımız -1 olacak.

Kolay gibi görünen ama tüm programlama dillerinde aslında mantığı bir nevi kavratan uygulamadır kendisi.

Öyleyse hemen başlayalım öncelikle layout klasörüne gidip activity_main.xml dosyasını açıyoruz.
Bu tip layout dosyalarının hem design hem de text bölümleri mevcuttur. Biz anlatırken text kısımlarıyla daha haşır neşir olacağız çünkü text kısmında ne yazıyorsa design kısmında zaten o çıkıyor.

activity_main.xml dosyası:

<LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerHorizontal="true"
android:layout_alignParentTop="true">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="Sonuç: 0"
android:id="@+id/sonucGoster"
android:textSize="45dp"
android:layout_marginBottom="30dp"
android:layout_gravity="center" />

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="@+id/bArttir"
android:textSize="30dp"
android:layout_gravity="center_horizontal"
android:background="@drawable/kisiseleklebutonu"
android:onClick="sayiArttir"/>

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:id="@+id/bAzalt"
android:textSize="30dp"
android:layout_gravity="center_horizontal"
android:background="@drawable/kisiselcikarbutonu"
android:onClick="sayiAzalt"/>

</LinearLayout>

Dikkat ettiyseniz butonlar background'larını drawable klasöründen çekiyor. Bu klasöre arttırmayı ve azaltmayı temsilen "ok" iconları koyduk ve ayrıca butonların onClick olayları var. Onları isimlendiriyoruz ki .java dosyasında o isimlere göre işlem yaptırabilelim.

Şimdi sıra kodlarımızı yazacağımız src klasörünün altındaki MainActivity.java'da. Burada bir şeyden daha bahsedelim .java dosyalarını adlandırırken büyük harfler kullanıbilir fakat layout dosyalarında kullanılamaz, tüm harfler küçük olmak zorundadır.

ActivityMain.java dosyası:

package com.hakancengiz.blogders;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;


public class MainActivity extends Activity {

int sayac = 0;
TextView sonuc;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

sonuc = (TextView) findViewById(R.id.sonucGoster);
}

public void sayiArttir (View view)
{
sayac++;
sonuc.setText("Sonuç: " + sayac);
}

public void sayiAzalt (View view)
{
sayac--;
sonuc.setText("Sonuç: " + sayac);
}

}

Evet burada da ilk önce OnCreate metoduna dikkat edelim.
"setContentView(R.layout.activity_main);" satırı ile layout klasöründe bizim tasarımımızı tutan activity_main.xml dosyasını .java dosyamıza tanıtıyoruz.

Daha sonra "sonuc=(TextView)findViewById(R.id.sonucGoster);" satırıyla layout dosyamızda bulunan TextView'imizi kod sayfamıza tanıtıyoruz. Artık TextView türünde bir "sonuc" değişkenimiz var.

Sonrasında ise buton tipine göre sayac'ı arttırıp ya da azaltıp sonuc değişkenine set ediyoruz.

İşte tüm yapacaklarımız bu kadar artık uygulamamız istediğimiz işlemi yapıyor. Tabi arkadaşlar ilk olarak bakıldığında işler karışık gelebiliyor zamanla aşina olmak gerek, tabi bir de temel düzey java bilgisi gerek.

AndroidManifest.xml dosyasında şimdilik yapmamız gereken bir şey yok projeyi oluşturduğumuzda kullandığımız layout ve java dosyaları zaten tanımlı geliyor.

Ekran görüntüsü: (activity_main.xml)

Hiç yorum yok :

Yorum Gönder