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

どうも、tatsuです!

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

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

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

GridLayoutではウィジェットを格子状に並べることができます。
TableLayoutと違ってTableRowが不要です。その代わり、GridLayout自体にcolumnCount属性を指定します。
ウィジェットはcolumnCountで指定された数を超えると自動的に折り返します。
以下は2*4のテーブル作成例です。

activity_main.xml

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

<?xml version="1.0" encoding="utf-8"?>
<GridLayout
    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"
    android:columnCount="2"
    tools:context="com.android.tatsu.myapplication.MainActivity">

    <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="う"
        />
    <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="か"
        />

</GridLayout>

コメントを残す

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