Android Arayüz Bileşenleri - 1

Android Arayüz bileşenleri kullanıcı ile bilgi alışverişi yapılmasını sağlar. Kullanıcı ile programın iletişimini sağlar. Arayüz bileşenleri olarak buton , edittext ,textview, spinner, togglebuton ,listview gibi birçok eleman bulunmaktadır. Burada ise kullanıcıdan alınan bilgilerin button click ile Toast mesajı ile gösterilmesi gerçekleştirilecektir.

Yeni bir android projesi açalım. Bu projeyi Android 2.1 sürümünde açalım. Arayüzümüzde 2 adet EditText ,2 adet TextView , bir adet Button bulunacaktır. EditTextlerden birinde Ad Soyad bilgisi diğerinde ise E-mail bilgisi alınacaktır. Butona tıkladığımızda ise bize Toast mesajı ile girilen bilgileri gösterecektir.

main.xml içeriği ;

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

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

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical" >

    <TextView

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:text="@string/hello" />

    <TextView

        android:id="@+id/tvAdSoyad"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Ad Soyad :" />

    <EditText

        android:id="@+id/etAdSoyad"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:inputType="textPersonName" >

        <requestFocus />

    </EditText>

    <TextView

        android:id="@+id/tvEmail"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="E-Mail :" />

    <EditText

        android:id="@+id/etEmail"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:inputType="textEmailAddress" />

    <Button

        android:id="@+id/btnTamam"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Tamam" />

</LinearLayout>

main.xml dosyamızda arayüze eklediğimizin elemanların xml kodları bulunmaktadır. Değiştirmek isteğimiz elemanın özelliğini graphical layour açıkken properties kısmından değiştirebileceğimiz gibi main.xml içerisinden de değiştirebiliriz.

Java kodlarımızın içeriği ise şu şekilde olmalıdır :

Eklediğimiz arayüz elemanlarını java kısmında kullanabilmek için tanımlamamız gerekir. main.xml de elemanları ekledikten sonra kaydedip , java kısmında nesneleri oluşturup id leri ile eşleştirmemiz gerekir.

Butona tıkladğımızda Toast mesajını görmek istedigimiz için ; buton click eventini oluşturuyoruz , Toast mesajı içersinde girilen bilgileri göstermemiz için String türde bir mesaj değişkeni oluşturuyoruz .

Projemizi çalıştıralım :

Bilgilerimiz girelim :

Bilgiler girilikten sonra butona tıklandığında şekildeki gibi mesaj vermektedir.