Android Programlama TableLayout Kullanımı

Merhabalar, Android Programlamada Layout çeşitlerini öğrenmeye devam ediyoruz. Bu yazımızda ise TableLayout’u öğreneceğiz.

Diğer Layout türleriyle ilgili yazılara aşağıdaki linklerden ulaşabilirsiniz :


TableLayout ekrandaki bileşenleri row(satır) ve column(sütun) şeklinde tablo olarak gösteren bir yapıdır.

TableLayout TableRow satırlarından oluşmaktadır. View hücreleri TableRow içinde tutulur.

View nesnelerinin sayısı sütunların sayısını oluşturur. Sütun genişliği sütun içerisindeki en geniş elemana göre şekillenir. Eğer sütun içinde bir View’ın nesne sayıları farklıysa kalan diğer sütunlar en büyük değere göre hizalanır.

TableLayout yapısı HTML‘de kullanılan table yapısına benzemektedir.


TableLayout ve TableRow Özellikleri

ÖzellikUygulanan ViewDeğer
collapseColumnsTableLayoutString veya String kaynak dosyası
shrinkColumns TableLayoutString veya String kaynak dosyası. Tüm sütunlar “*”
stretchColumnsTableLayoutString veya String kaynak dosyası. Tüm sütunlar “*”
layout_columnTableRow Child ViewInteger veya Integer kaynak dosyası
layout_spanTableRow Child View1 veya 1’den daha büyük Integer veya Integer kaynak dosyası

Şimdi ise TableLayout örneğini yapmaya başlayalım.

Örneğimizde en alta hizalanmış TableLayout ve TableRow kullanarak telefon etme alanı tasarlayacağız.

<?xml version="1.0" encoding="utf-8"?>
<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:gravity="bottom"
    android:stretchColumns="0,1,2"
    tools:context=".MainActivity">

<TableRow
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center">

    <Button
        android:id="@+id/btn1"
        android:text="1"
        android:layout_column="0"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
    <Button
        android:id="@+id/btn2"
        android:text="2"
        android:layout_column="1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
    <Button
        android:id="@+id/btn3"
        android:text="3"
        android:layout_column="2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>


</TableRow>

    <TableRow
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <Button
            android:id="@+id/btn4"
            android:text="4"
            android:layout_column="0"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
        <Button
            android:id="@+id/btn5"
            android:text="5"
            android:layout_column="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
        <Button
            android:id="@+id/btn6"
            android:text="6"
            android:layout_column="2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>


    </TableRow>

    <TableRow
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <Button
            android:id="@+id/btn7"
            android:text="7"
            android:layout_column="0"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
        <Button
            android:id="@+id/btn8"
            android:text="8"
            android:layout_column="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
        <Button
            android:id="@+id/btn9"
            android:text="9"
            android:layout_column="2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>


    </TableRow>

    <TableRow
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center">

        <Button
            android:id="@+id/btn10"
            android:text="*"
            android:layout_column="0"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
        <Button
            android:id="@+id/btn11"
            android:text="0"
            android:layout_column="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
        <Button
            android:id="@+id/btn12"
            android:text="#"
            android:layout_column="2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>


    </TableRow>

    <TableRow
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center">

        <Button
            android:id="@+id/btn13"
            android:text="rehber"
            android:layout_column="0"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
        <Button
            android:id="@+id/btn14"
            android:text="ara"
            android:layout_column="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
        <Button
            android:id="@+id/btn15"
            android:text="iptal"
            android:layout_column="2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>


    </TableRow>


</TableLayout>

Aşağıdaki gibi bir görüntüyü elde etmiş oluyoruz :

Evet arkadaşlar yazımızın sonuna geldik. Bir sonraki yazıda görüşmek üzere. Kendinize iyi davranın 🙂

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir