[Android Studio] TableLayoutで空白の列を作る

どうも、tatsuです!

今日は、TableLayoutで空白の列を作る方法を説明します。

※この記事で使用しているAndroid Studioのバージョンは2.3.3です。

TableLayoutで空白の列を作る

TableLayoutで空白の列を作るには、android:layout_column属性を指定します。
この属性は、指定したウィジェットがどの列にいるかを決めることができます。
何も指定しないと以下のように詰めて表示されてしまいます。

layout_column属性を指定した結果は以下です。

activity_main.xml

activity_main.xmlは以下のようにします。

<?xml version="1.0" encoding="utf-8"?>
<TableLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.android.tatsu.myapplication.MainActivity">

        <TableRow>
                <Button
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="左上"/>
                <Button
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_column="2"
                    android:text="右上"/>
        </TableRow>

        <TableRow>
                <Button
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="左下"/>
                <Button
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="真ん中下"/>
                <Button
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="右下"/>
        </TableRow>

</TableLayout>
補足
列は左から0,1,2・・・と数えられるため、3番目のウィジェットのlayout_column属性には2を指定しました。
プログラムを扱う上で、番号は基本0から数えられるので覚えておきましょう。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です