Ömer Faruk ÖZDEMİR

Butonlara İşlevsellik Kazandırma - Layout Intent Etme

2011-04-10T01:37:00.001+03:00

Merhabalar
Bu Butonlara İşlevsellik Kazandırma yazı dizimde butonların kazandırdığı işlevlere göz atacağız.Bu yazımda layout intent etmeyi inceleyeceğiz.Daha açık anlatmak gerekirse şöyle düşünelim ; bir layouttaki butona basınca diğer layoutu ekranda gösteren uygulama . Umarım anlatabilmişimdir.Şimdi örnek uygulamamıza bakarak daha net anlayacağımızı umuyorum.Yaptığım işlemleri adım adım anlatarak sizin adınıza kolaylaştırmayı düşündüm...

1.Adım

Eclipse i açıyoruz. File->New ->Android Project diyoruz.Sonra yukardaki pencere açılıyor.Yukardaki pencerenin tam ss si alınmadığı için önemli yerlerin ss sini aldım.En üstte görünmeyen yerde Project Name var.Burası workspace inizde oluşacak klasörün adı.Ona göre siz isimlendirme yapın.
Şimdi yukardak resimde gördüğünüz alanları inceleyelim.Build Targetuygulamanızın hangi işletim sistemi ve üzerinde çalışacağını belirlediğiniz yerdir.Ben 1.6 seçtim .Yani bu uygulama android 1.6 ve üstü işletim sistemlerinde çalışmaktadır.
Application Name uygulama adını verir.Yani telefonun ekranında gözüken uygulama ismi.
Package Name java class dosyalarının toplandığı yerdir.Buraya genellikle com.'istediğiniz isim' şeklinde yazılır.ben com.omerfarukozdemir olarak tercih ettim.
Create Activity ise bir class ismidir.
Mini SDK Version Build Targetta seçilen target ın API sidir.Bu bölümü boş bırakıp finish de diyebilirsiniz.Otomatikman orası seçtiğiniz targetın API sı olacaktır zaten.

2.Adım

Projemiz açıldıktan sonra işlemlere başlayabiliriz.Bu uygulama için 2 tane layout ve 2 class ımız olması gerek.Tabi bu sayılar artabilir.Ben sadece bu örnek için konuştum.main.java ve hedef.java classlarını açtık.Layout olarak da main.xls ve hedef.xls layoutlarını açtık.Layoutları istediğiniz gibi doldurabilirsiniz.Önemli olan main.xls de bir tane button olması.Şimdi aşağıdaki resimleri inceleyelim.

Şimdi bu kodları inceleyelim.
main.java Button meduyla button oluşturuyoruz. denembutton la isimlendiriyoruz.finViewById ile button un id sini yazıyoruz.denemebutton.setOnClickListener ile denemelistener adında bir dinleyici ekliyoruz.

Alt satırdaki kodlarda ise denemelistener adındaki dinleyicimize olay tanımlıyoruz.intentdeneme isminde bir Intent oluşturuyoruz.intentdeneme.setClass da ise olayın main.class ından hedef.class ına doğru olduğunu belirtiyoruz.startActivity de ise intentdeneme isimli Intentin başlatılacağını belirtiyoruz.

Olay kısaca şu..Button a bastığımız zaman denemelistener ın içindeki kodlar çalışıyor.

hedef.java da ise bu class dosyasının hedef.xml layoutunu açacağını belirtiyoruz.

3. Adım

Tüm bu adımları yaptıktan sonra geriye tek birşey kalıyor.O da AndroidManifest.xml dosyasına Yeni oluşturduğumuz activity i tanımlamak.O da hedef.class oluyor.Resmi inceleyerek anlayabilirsiniz.

Sonuç


Butona basmadan önce.main.java ve main.xml


Butona tıkladıktan sonra. hedef.java ve hedef.xml

Umarım faydalı bir anlatım olmuştur.Takıldığınız yerlerde yardımcı olmaya çalışacağım.

Layout Türleri – ScrollView

2011-04-08T23:58:00.000+03:00

İnceleyeceğimiz son layout türü ScroolView dir.
Scrollview aslında Framelayout un spesifikleşmiş bir halidir. Scrollview bize içerisinde kullandığımız ögeler bütününü scroll etmemizi sağlar. İçerisinde sadece bir tane view veya viewGroup olabilir ki genellikle de bu içteki viewGroup LinearLayout olur. Ayrıca Listview scrollview ile kullanılmamalıdır.

Hemen örnek kod yazalım:

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
    android:id="@+id/widget54"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    xmlns:android="http://schemas.android.com/apk/res/android"
    >
    <LinearLayout
        android:layout_width="310px"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        >
        <Button
            android:id="@+id/button1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Button 1"
            />
        <Button
            android:id="@+id/button2"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Button 2"
            />
        <Button
            android:id="@+id/button3"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Button 3"
            />
        <EditText
            android:id="@+id/txt"
            android:layout_width="fill_parent"
            android:layout_height="300px"
            />
        <Button
            android:id="@+id/button4"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Button 4"
            />
        <Button
            android:id="@+id/button5"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Button 5"
            />
    </LinearLayout>
</ScrollView>

Ekran görüntüsü ise aşağıdaki gibidir.

Layout Türleri – FrameLayout

2011-04-08T23:53:00.001+03:00

Merhabalar
Bu yazımızda bir diğer layout u inceleyeceğiz.Framelayout türler arasındaki en basit özelliklere sahip olanıdır.
FrameLayout bir defada tek bir öğe görüntülemek için tasarlanmıştır fakat aynı zamanda bir frameLayout içinde birden fazla eleman olabilir. Bu durumda her element ekranın sol üst dayalı bir şekilde yerleşir. Basit bir örnek ile göstermek gerekirse;


 
<FrameLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <ImageView
        android:src="@drawable/icon"
        android:scaleType="fitCenter"
        android:layout_height="fill_parent"
        android:layout_width="fill_parent"/>
    <TextView
        android:text="androiddefteri.com"
        android:textSize="24sp"
        android:textColor="#000000"
        android:layout_height="fill_parent"
        android:layout_width="fill_parent"
        android:gravity="center"/>
</FrameLayout>


Ekran Görüntüsü:

Layout Türleri – AbsoluteLayout

2011-04-08T23:45:00.001+03:00

Merhabalar
Bir diğer layout türü olan AbsoluteLayout u inceleyerek yazılarıma devam ediyorum.
Absolute layout son derece basittir. Tek amacı içerisinde kullanılan ögenin spesifik pozisyonunu belirterek kullanmaktır. Yani, kullanacağınız ögelerin yerlerini örneğin piksel piksel belirlemek istiyorsanız bu layoutu kullanmalısınız.
hemen örnek kod yazalım:

<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    xmlns:android="http://schemas.android.com/apk/res/android"
    >
    <Button
        android:layout_width="188px"
        android:layout_height="wrap_content"
        android:text="Button"
        android:layout_x="126px"
        android:layout_y="361px"
        />
    <Button
        android:layout_width="113px"
        android:layout_height="wrap_content"
        android:text="Button"
        android:layout_x="12px"
        android:layout_y="361px"
        />
</AbsoluteLayout>

Ekran çıktısı ise aşağıdaki gibidir.

Layout Türleri – LinearLayout

2011-04-08T18:06:00.000+03:00

Bu yazımızda LinearLayout a değineceğiz.
Layout türlerine Linear layout’u anlatarak devam edelim. Linear layout’u aslında tek cümle ile anlatmak istesek kendi içerisindeki tüm nesneleri tek bir yönde – yatay veya dikey – hizalar. Yani, linear layout tanımlaması yaparken “android:orientation” tanımlamasını horizontal veya vertical yaparak linear layout içerisindeki tüm elementleri o yönde hizalamış olursunuz.

Hemen bir örnek kod yazalım:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
     <Button
        android:id="@+id/backbutton"
        android:text="Back"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:text="First Name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <EditText
        android:width="100px"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:text="Last Name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <EditText
        android:width="100px"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

Ekran çıktısı aşağıdaki gibidir.

Kod içerisindeki android:orientation=”horizontal” tag’ini kaldırırsak elementler soldan saga doğru dizilmiş gibi görünürler.

Layout Türleri – TableLayout

2011-04-08T17:58:00.001+03:00

Merhabalar
Android uygulama geliştirmeye tasarım öğrenerek devam ediyoruz.Şimdi TableLayout unu inceleyeceğiz.
Bir diğer layout türümüz olan table layout aslında user interface tasarlamada çokça karşımıza çıkacak ve kullanacağımız layout olacaktır. Tahmin edebildiğiniz üzere table layout içinde bulunan view ları sütün ve kolonlara ayırmamızı sağlar. Bildiğim form ların oluşturulması büyük görev alırlar. Her row bir veya birden fazla view içerebilir. Kısacası html de kullandığımız tablo yapısının davranış ve özellik olarak birebiridir diyebiliriz.

Hemen bir örnek kod yazalım :

<?xml version="1.0" encoding="utf-8"?>
<TableLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="fill_parent"
    android:layout_width="fill_parent"
    android:background="#000044">
    <TableRow>
        <TextView
            android:text="User Name:"
            android:width ="120px"
            />
        <EditText
            android:id="@+id/txtUserName"
            android:width="200px" />
    </TableRow>
    <TableRow>
        <TextView
            android:text="Password:"
            />
        <EditText
            android:id="@+id/txtPassword"
            android:password="true"
            />
    </TableRow>
    <TableRow>
        <TextView />
        <CheckBox android:id="@+id/chkRememberPassword"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Remember Password"
            />
    </TableRow>
    <TableRow>
        <Button
            android:id="@+id/buttonSignIn"
            android:text="Log In" />
    </TableRow>
</TableLayout>

Ekran çıktısı ise aşağıdaki gibidir.

Layout Türleri – RelativeLayout

2011-04-08T17:43:00.002+03:00

Merhabalar

Buradaki yazımızda Android layout kavramını öğrenmiştik.Bu yazımızda ise bu layout türlerinden RelativeLayout u inceleyeceğiz.

Relative layout, içerisinde bulunan ögelerin birbiyleriyle bağımlı olarak ekrana dizilmesini sağlamak için kullanılır. Yani bu layout türüne özel olan;

layout_alignParentTop
layout_alignParentLeft
layout_alignLeft
layout_alignRight
layout_below
layout_centerHorizontal

attribute ler ile nesnlerin birbirleriyle pozisyon olarak nasıl bağlı olduklarını belirleriz.
hemen örnek kod yazalım:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    android:id="@+id/RLayout"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    xmlns:android="http://schemas.android.com/apk/res/android"
    >
    <TextView
        android:id="@+id/lblComments"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Comments"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        />
    <EditText
        android:id="@+id/txtComments"
        android:layout_width="fill_parent"
        android:layout_height="170px"
        android:textSize="18sp"
        android:layout_alignLeft="@+id/lblComments"
        android:layout_below="@+id/lblComments"
        android:layout_centerHorizontal="true"
        />
    <Button
        android:id="@+id/btnSave"
        android:layout_width="125px"
        android:layout_height="wrap_content"
        android:text="Save"
        android:layout_below="@+id/txtComments"
        android:layout_alignRight="@+id/txtComments"
        />
    <Button
        android:id="@+id/btnCancel"
        android:layout_width="124px"
        android:layout_height="wrap_content"
        android:text="Cancel"
        android:layout_below="@+id/txtComments"
        android:layout_alignLeft="@+id/txtComments"
        />
</RelativeLayout>

Ekran Çıktısı aşağıdaki gibidir.

Android Layout Kavramı - Giriş

2011-04-08T16:57:00.000+03:00

Görsellik,günümüzde her yerde önemli olduğu gibi android uygulamalarında da büyük önem taşır.Uygulamalardaki tasarım,uygulamanın kullanıcıyla etkileşimini gerçekleştrir.Andorid tasarımında önemli etkenlerden biri de Layout kavramıdır
.Layoutlar,uygulamada kullanılan nesnelerin ekrandaki görüntü düzenlerini ayarlar.Örneğin RelativeLayout ' ta, nesnelerin birbirine göre konumları belirlenir.Bir butonun başka bi butona veya herhangi bir nesnein başka bir nesneye göre ;sağındamı solundamı,altındamı,üstündemi vs. olacağını ayarlar.Başka bir örnek olarak ise LinearLayout ' ta nesnelerin alt alta veya yan yana olacağı tasarlanabilir.Altta Android uygulama tasarımında en sık kullanılan Layout türlerini görebilirsiniz.

FrameLayout
LinearLayout
TableLayout
RelativeLayout
AbsoluteLayout
ScrollView

Bundan sonraki yazılarımda bu Layout türlerini şnceleyip örnek tasarımlar yapacağım.

İlk Uygulama Hello World

2011-04-07T22:27:00.002+03:00

Buradan Android uygulama geliştirme ortamını hazırladıktan sonra ilk uygulamamızı geliştirelim.Her programlama dilinde olduğu gibi Hello World diyeceğiz.Takıldığınız yerlerde yardımcı olmaya çalışacağım.

Şimdi Eclipse’i açıp New > Project > Android Project > Next diyerek proje bilgilerimizi giriyoruz. Örnek proje bilgilerini aşağıda görebilirsiniz.
Eğer daha önce AVD yani Android Virtual Device oluşturmadıysanız Window’dan Android SDK and AVD Manager’a gelerek AVD oluşturuyoruz. Şimdi aşağıdaki görselde görebileceğiniz şekilde Package Explorer’dan HelloWorld.java dosyasına çift tıklıyoruz.

Şimdi kodumuzun import bölümüne import android.widget.TextView; kodunu ekliyoruz ve şu görünüme ulaşıyoruz:

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

Bu aşamadan sonra super.onCreate(savedInstanceState); kodunun hemen altına aşağıdaki kodu ekliyoruz.

TextView hello = new TextView(this);
hello.setText(“Hello World!”);
setContentView(hello);

Son olarak kodumuz şu şekilde:

package com.example.helloworld;
import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;;
public class HelloWorld extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
TextView hello = new TextView(this);
hello.setText(“Hello World!”);
setContentView(hello);
//setContentView(R.layout.main);
}
}

Şimdi test etmek için Run > Run Configurations penceresine gelip Run butonuna basıyoruz. Projemiz derlendikten sonra açılan bir pencerede Android simülatörü çalışmaya başlıyor.

Adım Adım Android Kurulumu

2011-04-07T21:52:00.003+03:00

Merhaba,blogumun ilk yazısında Android uygulama geliştirme ortamını hazırlamayı anlatacağım.Adımları takip ederek uygulama geliştirme ortamını hazırlamış olacaksınız.Her türlü sorununuzda yardımcı olacağım.

1.Adım:

Bilgisayarınızda, Java Development Kit var mı? yoksa, http://www.oracle.com/technetwork/java/javase/downloads/index.html adresinden işletim sistemimize uygun olarak bu eksikliğimizi giderelim.

2.Adım

Android ortamındaki geliştirmelerimizi Eclipse ortamında yapacağımız için, elimizde Eclipse olması gerekiyor. Eğer yoksa, http://www.eclipse.org/downloads/ adresinden yine sistemimiz için uygun olanını indirelim.

3.Adım

Şimdi, Android Software Development Kit’i indirelim. http://developer.android.com/sdk adresine gidelim ve yine işletim sistemimize uygun olanı seçip indirelim.

4.Adım

Yukarıdaki 3 adımı doğru bir şekilde geçtiyseniz, şimdi sıra Eclipse üzerinde çalışmaya geldi.
Eclipse’i açalım. Window > Android AVD and SDK Manager
Available Packages sekmesini seçelim

Add Site… dendikten sonra aşağıdaki resimdeki gibi https://dl-ssl.google.com/android/eclipse adresi ekleyelim..

Siteyi ekledikten sonra, yanında çıkan kutucuğu işaretleyip, sayanın sağ üst köşesinde yer alan Install… butonuna tıklayarak, kuralım.
Software Update işlemi işlemi bittikten sonra büyük ihtimalle sizin onayınızla birlikte Eclipse kendisini yeniden başlatmak isteyecektir.

5.Adım
Şimdi sıra geldi, Eclipse ile Android SDK’sını birbiri ile tanıştırmaya. Bunun için 3.Adımda indirdiğimiz Android SDK’yı zip dosyasının içerisinden çıkaralım. Daha sonra Window > Preferences… diyerek, sol menüde Android‘i seçtikten sonra SDK’nın olduğu klasörü seçiyoruz.

OK butonunu seçtikten sonra 1-2 dk konfigrasyon ayarları sürebilir.

ve artık hazır!

Çok yakında tüm dosyaları kendim upload edicem ve herhangi bir ip kısıtlamasından etkilenmeyip ,programların son sürümlerini indirebileceksiniz.