[Android Studio] TableLayoutでウィジェットを格子状に並べる

どうも、tatsuです!

今日は、TableLayoutでウィジェットを格子状に並べる方法を説明します。

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

TableLayoutでウィジェットを格子状に並べる

TableLayoutではウィジェットを格子状に並べることができます。
TableRowタグで囲まれたウィジェットが1行に並び、TableRowタグの数だけ行数が増えます。
以下は3*2のテーブル作成例です。

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:text="真ん中上"/>
                <Button
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    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>

コメントを残す

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