How To Use LinearLayout, RelativeLayout, TableLayout in Android


playerpauseAndroid için kullanılan Layout lar hem XML yapısı olarak hem de programlanabilir bir biçimde kullanılıyor. Bu yazıda LinearLayoutRelativeLayout ve TableLayout lar için XML yapısıyla kullanım örneği yapacağız. Bu yapılanların aynısını kod yazarak yani programlanabilir bir biçimde de yapabiliriz, bunu daha sonra bir örnekte göstermeye çalışacağım.

1. Linear Layout

Linear Layout içerisindeki elemanlar adından da anlaşılacağı üzere ya alt alta ya da yan yana yerleştirilir. Buna karşılık gelen özellik ise orientation dur.

Örnek kullanım olarak şöyle kullanılır:

android:orientation="horizontal"

veya

android:orientation="vertical"

Şimdi yeni bir proje oluşturalım ve res/layout içerisine yeni xml dosyası oluşturalım. Dosyanın adı da “linear_layout.xml” olsun.
res/layout sağ tık -> new -> Android XML File veya New File

linear_layout.xml” oluşturduktan sonra içini şu şekilde yapalım:

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

<!-- Dikey (vertical) diziliş -->
<LinearLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical"
	android:layout_width="match_parent"
	android:layout_height="match_parent">

	<TextView
	    android:layout_width="fill_parent"
	    android:layout_height="wrap_content"
	    android:padding="5dip"
	    android:text="Eposta:" />

	<EditText
	    android:layout_width="fill_parent"
	    android:layout_height="wrap_content"
		android:layout_marginBottom="10dip"/>

	<Button
	    android:layout_width="fill_parent"
	    android:layout_height="wrap_content"
	    android:text="Giriş Yap" />

	<!-- Yatay (horizontal) diziliş -->
	<LinearLayout
	    android:layout_width="fill_parent"
		android:layout_height="wrap_content"
		android:orientation="horizontal"
		android:background="#2a2a2a"
  		android:layout_marginTop="25dip">

	<TextView
	    android:layout_width="fill_parent"
	    android:layout_height="wrap_content"
	    android:layout_weight="1"
	    android:gravity="center"
	    android:padding="15dip"
	    android:text="Anasayfa" />

	<TextView
	    android:layout_width="fill_parent"
	    android:layout_height="wrap_content"
	    android:layout_weight="1"
	    android:gravity="center"
	    android:padding="15dip"
	    android:text="Hakkında" />

  </LinearLayout>

</LinearLayout>

Şimdi ise nasıl görüneceğine bakalım. Main activity mizin içerisine, yani bendeki karşılığı AndroidLayoutsActivity.java. Buraya ulaşmak için de projenizin içierisindeki şu dizine bakmanız yeterli. src/paketAdi/classAdi.
Hemen java koduna bakalım:

package paketAdi;

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

public class AndroidLayoutsActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // Tanımlamış olduğumuz XML tabanlı layout
        setContentView(R.layout.linear_layout);
    }
}

Son olarak ekran görüntüsüne bakalım:
screen1

2. Relative Layout

Bu layout için söylenecek çok şey var aslında, istedğiniz öğeyi, elemanı istediğiniz yere yerleştirebilirsiniz. Bunu yaparken koordinat vermenin dışında en çok kullanılan ise “şunun yanına bunu yerleştir” veya “textview1 in üstünde button1 olsun” veya “imageview1 in yanında textview2 olsun” şeklinde yer bildirerek de layout içi konumlandırmayı yapabiliyoruz.
Şimdi yine az önce LinearLayout için yaptığımız gibi bir XML dosyası oluşturuyoruz. (res/layout içerisine yeni xml dosyası oluşturalım) Dosyanın adı da “relative_layout.xml” olsun.
res/layout sağ tık -> new -> Android XML File veya New File

relative_layout.xml” oluşturduktan sonra içini şu şekilde yapalım:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent"
	android:layout_height="wrap_content">

	<TextView
		android:id="@+id/label"
		android:layout_width="fill_parent"
		android:layout_height="wrap_content"
		android:text="Eposta: " />

	<EditText
		android:id="@+id/inputEmail"
		android:layout_width="fill_parent"
		android:layout_height="wrap_content"
		android:layout_below="@id/label" />

	<Button
		android:id="@+id/btnLogin"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_below="@id/inputEmail"
		android:layout_alignParentLeft="true"
		android:layout_marginRight="10px"
		android:text="Giriş Yap" />

	<Button
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_toRightOf="@id/btnLogin"
		android:layout_alignTop="@id/btnLogin"
		android:text="İptal" />

	<Button
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_alignParentBottom="true"
		android:text="Yeni Hesap Aç"
		android:layout_centerHorizontal="true"/>

</RelativeLayout>

Şimdi ise nasıl görüneceğine bakalım. Main activity mizin içerisine, yani bendeki karşılığı AndroidLayoutsActivity.java. Buraya ulaşmak için de projenizin içierisindeki şu dizine bakmanız yeterli. src/paketAdi/classAdi.
Hemen java koduna bakalım:

package paketAdi;

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

public class AndroidLayoutsActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // Tanımlamış olduğumuz XML tabanlı layout
        setContentView(R.layout.relative_layout);
    }
}

Son olarak ekran görüntüsüne bakalım:screen2

3. Table Layout

Table Layout çalışma mantığı HTML tablo düzeni ile aynıdır. Yine istediğiniz kadar satır ve sütün yapabilir, bir satırı istediğiniz kadar sütuna bölebilirsiniz vs..
Şimdi yine az önce RelativeLayout için yaptığımız gibi bir XML dosyası oluşturuyoruz. (res/layout içerisine yeni xml dosyası oluşturalım) Dosyanın adı da “table_layout.xml” olsun.
res/layout sağ tık -> new -> Android XML File veya New File

table_layout.xml” oluşturduktan sonra içini şu şekilde yapalım:

<?xml version="1.0" encoding="utf-8"?>
<TableLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:shrinkColumns="*"
	android:stretchColumns="*" >

	<TableRow
		android:layout_height="wrap_content"
		android:layout_width="fill_parent"
		android:gravity="center_horizontal">

		<TextView
			android:layout_width="match_parent"
			android:layout_height="wrap_content"
			android:textSize="18dp"
			android:text="Satır 1"
			android:layout_span="3"
			android:padding="18dip"
			android:background="#b0b0b0"
			android:textColor="#000"/>
	</TableRow>

	<TableRow
		android:id="@+id/tableRow1"
		android:layout_height="wrap_content"
		android:layout_width="match_parent">

		<TextView
			android:id="@+id/TextView04"
			android:text="Satır 2 Sütun 1"
			android:layout_weight="1"
			android:background="#dcdcdc"
			android:textColor="#000000"
			android:padding="20dip"
			android:gravity="center"/>

		<TextView
			android:id="@+id/TextView04"
			android:text="Satır 2 Sütun 2"
			android:layout_weight="1"
			android:background="#d3d3d3"
			android:textColor="#000000"
			android:padding="20dip"
			android:gravity="center"/>

		<TextView
			android:id="@+id/TextView04"
			android:text="Satır 2 Sütun 3"
			android:layout_weight="1"
			android:background="#cac9c9"
			android:textColor="#000000"
			android:padding="20dip"
			android:gravity="center"/>
		</TableRow>

	<TableRow
		android:layout_height="wrap_content"
		android:layout_width="fill_parent"
		android:gravity="center_horizontal">

		<TextView
			android:id="@+id/TextView04"
			android:text="Satır 3 Sütun 1"
			android:layout_weight="1"
			android:background="#b0b0b0"
			android:textColor="#000000"
			android:padding="20dip"
			android:gravity="center"/>

		<TextView
			android:id="@+id/TextView04"
			android:text="Satır 3 Sütun 2"
			android:layout_weight="1"
			android:background="#a09f9f"
			android:textColor="#000000"
			android:padding="20dip"
			android:gravity="center"/>
	</TableRow>

</TableLayout>

Şimdi ise nasıl görüneceğine bakalım. Main activity mizin içerisine, yani bendeki karşılığı AndroidLayoutsActivity.java. Buraya ulaşmak için de projenizin içerisindeki şu dizine bakmanız yeterli. src/paketAdi/classAdi.
Hemen java koduna bakalım:

package paketAdi;

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

public class AndroidLayoutsActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // Tanımlamış olduğumuz XML tabanlı layout
        setContentView(R.layout.table_layout);
    }
}

Son olarak ekran görüntüsüne bakalımscreen3

Reklamlar

25 Ara 2012 tarihinde Android içinde yayınlandı ve , , , , olarak etiketlendi. Kalıcı bağlantıyı yer imlerinize ekleyin. Yorum yapın.

Bir Yanıt Bırakın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Connecting to %s

%d blogcu bunu beğendi: