Android Programlama Ders 24: Cem Yılmaz’dan Komik Sözler Uygulaması Oluşturuyoruz

Android Programlama derslerimizin 24. bölümünde sizlerle birlikte basit bir komik sözleri gösteren uygulamayı oluşturmayı öğreneceğiz.

Uygulamamız üç tane butondan, TextView’den ve bir tane fotoğraftan (image) oluşacak. Butonlar üç işlem (ileri, geri ve rastgele komik sözleri göstermek) yapacaktır.  TextView’un amacı komik sözleri göstermektir, ImageView Cem Yılmaz’ın fotoğrafını gösterecektir. Hazır uygulamayı buradan indirebilirsiniz.

Yeni proje oluşturalım:

• Project name: P0024_QuoteAppdeneme
• Build Target: Android 4.2
• Application name: QuoteAppdeneme
• Package name: tr.androidApp.QuoteApp
• Create Activity: MainActivity

main.xml’i açalım ve ekranı oluşturalım:

<TableLayout xmlns:android=”http://schemas.android.com/apk/res/android”
xmlns:tools=”http://schemas.android.com/tools”
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:background=”@drawable/androidback”
android:gravity=”clip_horizontal”
android:paddingBottom=”@dimen/activity_vertical_margin”
android:paddingLeft=”@dimen/activity_horizontal_margin”
android:paddingRight=”@dimen/activity_horizontal_margin”
android:paddingTop=”@dimen/activity_vertical_margin”
tools:context=”.MainActivity” >

<ImageView
android:id=”@+id/imageView1″
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_gravity=”fill_vertical”
android:src=”@drawable/cemyilmaz” />

<TextView
android:id=”@+id/textView1″
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_gravity=”center”
android:layout_weight=”0.04″
android:textStyle=”bold”
android:textSize=”23sp”
android:gravity=”center”
android:text=”TextView” />

<TableRow
android:id=”@+id/tableRow1″
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_gravity=”bottom”
android:gravity=”center_horizontal” >

<ImageButton
android:id=”@+id/back”
android:layout_width=”wrap_content”
android:paddingLeft=”35dip”
android:paddingRight=”35dip”
android:layout_height=”wrap_content”
android:src=”@drawable/ic_menu_back” />

<ImageButton
android:id=”@+id/random”
android:layout_width=”wrap_content”
android:paddingLeft=”35dip”
android:paddingRight=”35dip”
android:layout_height=”wrap_content”
android:src=”@drawable/ic_menu_refresh” />

<ImageButton
android:id=”@+id/next”
android:layout_width=”wrap_content”
android:paddingLeft=”35dip”
android:paddingRight=”35dip”
android:layout_height=”wrap_content”
android:src=”@drawable/ic_menu_forward” />

</TableRow>

</TableLayout>

Yukarıdaki verdiğim kodu inceleyelim.

android:background=“@drawable/androidback”

 Bu satırda uygulamanın arka planı oluşturuyoruz. Aşağıda verdiğim gibi olacak. Bu dosyaya androidback ismi verdikten sonra, Eclipse’te res – drawable-hdpi klasörüne kopyalıyorsunuz.   Fotoğrafı oluşturmak için ImageView kullanacağız.

android:src=“@drawable/cemyilmaz”

Bu satırda ImageView için hangi görüntünün kullanılacağını belirliyoruz. Eclipse’te res – drawable-hdpi klasöre Cem Yılmaz’ın fotoğrafını kopyalıyoruz (fotoğrafa cemyilmaz ismi veriyoruz). Fotoğraf aşağıdaki verdiğim gibi olsun.

android:textSize=“23sp”  

Metnin boyutunu belirliyoruz.

android:gravity=“center”

View’un ekranın ortasında olacağını belirliyor. Butonların görüntüsünü değiştirmek için yukarıdaki verdiğim resimleri kullanacağız. Resimleri drawable klasörlere kopyalacağız. Butonların farklı ekranlarda aynı görünmesi için yukarıdaki verdiğim resimlerin boyutlarını değiştireceğiz. Bunu yapmak için Android Asset Studio Launcher Icons’ı  kullanacağız. Butonların resimleri düzeldikten sonra zip dosyasını bilgisayarınıza indirip içindeki bulunan dosyaları isimleri değiştirip (ic_menu_back geri buton için, ic_menu_forward ileri buton için ve ic_menu_refresh rastgele buton için) projenin drawable klasörlere kopyalıyorsunuz. Uygulamanın görüntüsünü oluşturduk. Projenin kodunu gelecek derste yazacağız.  Projeyi test etmek için Eclipse’in sunduğu  emülatorü kullanmak çok zor oluyor. Çünkü çok ağır çalışıyor. Tavsiyem BlueStacks  bu programla uygulamayı çok hızlı bir biçimde test edebilirsiniz. Bir avantajı daha var bu emülatorü kullanarak google play’e girebilirsiniz ve oradan uygulamaları indirebilirsiniz. Sevdiğiniz uygulamaları bilgisayarda da kullanabilirsiniz. Bu derste xml’nin sunduğu yeni komutları kullanmayı öğrendik. Gelecek derste MainActivity.java kodla dolduracağız. Hazır uygulamayı buradan  indirebilirsiniz.