web-dev-qa-db-ja.com

Android StudioでTableLayoutを使用してテーブルを作成する方法は？

誰かが参考にするサンプルコードを提供できますか？下の写真のようなテーブルを作成したいです。

表：

enter image description here

androidtablelayout
11
Ka Chun Yim

enter image description here

レイアウトxmlファイルをコピーして貼り付け、選択に従って編集します。

<TableLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"

Android:layout_width="fill_parent"
Android:layout_height="match_parent"
    Android:stretchColumns="0,1,2"
    Android:gravity="center">

    <TableRow
        Android:background="#FFFFFF"
        Android:layout_width="fill_parent"
        Android:layout_height="0dp"
        Android:layout_margin="1dp"
        Android:layout_weight="1"
        >
        <TableRow
            Android:background="#000000"
            Android:layout_width="fill_parent"
            Android:layout_height="0dp"
            Android:layout_margin="1dp"
            Android:layout_weight="1"
            >



        </TableRow>
    </TableRow>
<TableRow
    Android:background="#000000"
    Android:layout_width="fill_parent"
    Android:layout_height="0dp"
    Android:layout_margin="1dp"
    Android:layout_weight="1"

    >

    <TextView
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"
        Android:textAppearance="?android:attr/textAppearanceLarge"
        Android:text=" Date "
        Android:layout_margin="1dp"
        Android:layout_column="0"
        Android:background="#FFFFFF"
        Android:textStyle="bold"
        Android:gravity="center"
        />

    <TextView
        Android:layout_width="wrap_content"
        Android:layout_height="match_parent"
        Android:textAppearance="?android:attr/textAppearanceLarge"
        Android:text="Miles "
        Android:layout_margin="1dp"
        Android:layout_column="1"
        Android:background="#FFFFFF"
        Android:gravity="center"
        Android:textStyle="bold"
      />

    <TextView
        Android:layout_width="wrap_content"
        Android:layout_height="match_parent"
        Android:textAppearance="?android:attr/textAppearanceLarge"
        Android:text="Calories"
        Android:layout_margin="1dp"
        Android:background="#FFFFFF"
        Android:gravity="center"
        Android:textStyle="bold"
        Android:layout_column="2"
       />
</TableRow>

    <TableRow
        Android:background="#000000"
        Android:layout_width="fill_parent"
        Android:layout_height="0dp"
        Android:layout_margin="1dp"
        Android:layout_weight="1"
        >

        <TextView
            Android:layout_width="match_parent"
            Android:layout_height="match_parent"
            Android:textAppearance="?android:attr/textAppearanceLarge"
            Android:text=" Text"
            Android:layout_margin="1dp"
            Android:layout_column="0"
            Android:background="#FFFFFF"
            Android:gravity="center"
            />

        <TextView
            Android:layout_width="wrap_content"
            Android:layout_height="match_parent"
            Android:textAppearance="?android:attr/textAppearanceLarge"
            Android:text=" Text"
            Android:layout_margin="1dp"
            Android:layout_column="1"
            Android:background="#FFFFFF"
            Android:gravity="center"
            />

        <TextView
            Android:layout_width="wrap_content"
            Android:layout_height="match_parent"
            Android:textAppearance="?android:attr/textAppearanceLarge"
            Android:text=" Text"
            Android:layout_margin="1dp"
            Android:background="#FFFFFF"
            Android:gravity="center"
            Android:layout_column="2" />
    </TableRow>



    <TableRow
        Android:background="#000000"
        Android:layout_width="fill_parent"
        Android:layout_height="0dp"
        Android:layout_margin="1dp"
        Android:layout_weight="1"
        >

        <TextView
            Android:layout_width="match_parent"
            Android:layout_height="match_parent"
            Android:textAppearance="?android:attr/textAppearanceLarge"
            Android:text=" Text"
            Android:layout_margin="1dp"
            Android:layout_column="0"
            Android:background="#FFFFFF"
            Android:gravity="center"
            />

        <TextView
            Android:layout_width="wrap_content"
            Android:layout_height="match_parent"
            Android:textAppearance="?android:attr/textAppearanceLarge"
            Android:text=" Text"
            Android:layout_margin="1dp"
            Android:layout_column="1"
            Android:background="#FFFFFF"
            Android:gravity="center"
            />

        <TextView
            Android:layout_width="wrap_content"
            Android:layout_height="match_parent"
            Android:textAppearance="?android:attr/textAppearanceLarge"
            Android:text=" Text"
            Android:layout_margin="1dp"
            Android:background="#FFFFFF"
            Android:gravity="center"
            Android:layout_column="2" />
    </TableRow>

    <TableRow
        Android:background="#000000"
        Android:layout_width="fill_parent"
        Android:layout_height="0dp"
        Android:layout_margin="1dp"
        Android:layout_weight="1"
        >

        <TextView
            Android:layout_width="match_parent"
            Android:layout_height="match_parent"
            Android:textAppearance="?android:attr/textAppearanceLarge"
            Android:text=" Text"
            Android:layout_margin="1dp"
            Android:layout_column="0"
            Android:background="#FFFFFF"
            Android:gravity="center"
            />

        <TextView
            Android:layout_width="wrap_content"
            Android:layout_height="match_parent"
            Android:textAppearance="?android:attr/textAppearanceLarge"
            Android:text=" Text"
            Android:layout_margin="1dp"
            Android:layout_column="1"
            Android:background="#FFFFFF"
            Android:gravity="center"
            />

        <TextView
            Android:layout_width="wrap_content"
            Android:layout_height="match_parent"
            Android:textAppearance="?android:attr/textAppearanceLarge"
            Android:text=" Text"
            Android:layout_margin="1dp"
            Android:background="#FFFFFF"
            Android:gravity="center"
            Android:layout_column="2" />
    </TableRow>


</TableLayout>
19
Androider

このコードを試してみてください

simple_tablelayout.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout
xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:layout_width="match_parent"
Android:layout_height="match_parent"
Android:orientation="vertical">
<TableLayout
    Android:id="@+id/tabla_cuerpo"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content">
    <TableRow
        Android:id="@+id/tableRow1"
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content">
        <TextView
            Android:id="@+id/id_cad_details_dialog_key"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:background="@drawable/cell_shape"
            Android:padding="5dp"
            Android:textColor="#000"
            Android:text="TextView">
        </TextView>
        <TextView
            Android:id="@+id/id_cad_details_dialog_value"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:background="@drawable/cell_shape"
            Android:padding="5dp"
            Android:text="TextView"
            Android:textAppearance="?android:attr/textAppearanceMedium">
        </TextView>
    </TableRow>
</TableLayout>

cell_shape.xml

<shape
    xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:shape= "rectangle"  >
    <solid Android:color="#fff"/>
    <stroke Android:width="1dp"
        Android:color="#000"/>
</shape>
1
balu

子を行と列に配置するレイアウト。 TableLayoutは多数のTableRowオブジェクトで構成され、各オブジェクトは行を定義します（実際には、以下で説明する他の子を持つことができます）。 TableLayoutコンテナは、行、列、またはセルの境界線を表示しません。

<TableLayout
            xmlns:Android="http://schemas.Android.com/apk/res/Android"
            Android:layout_width="match_parent"
            Android:layout_height="match_parent"
            Android:shrinkColumns="*"  Android:stretchColumns="*" Android:background="#ffffff">


                        <!-- Row 1 with single column -->
                        <TableRow
                            Android:layout_height="wrap_content"
                            Android:layout_width="fill_parent"
                            Android:gravity="center_horizontal">





                       </TableRow>

                        <!-- Row 2 with 3 columns -->


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

                            <TextView
                                Android:id="@+id/TextView04" Android:text="DATE"
                                Android:layout_weight="1" Android:background="#dcdcdc"
                                Android:textColor="#000000"
                                Android:padding="20dip" Android:gravity="center"/>

                            <TextView
                                Android:id="@+id/TextView04" Android:text="Miles"
                                Android:layout_weight="1" Android:background="#d3d3d3"
                                Android:textColor="#000000"
                                Android:padding="20dip" Android:gravity="center"/>

                            <TextView
                                Android:id="@+id/TextView04" Android:text="Calories"
                                Android:layout_weight="1" Android:background="#cac9c9"
                                Android:textColor="#000000"
                                Android:padding="20dip" Android:gravity="center"/>

                        </TableRow>

<!-- Row 3 with 3 columns -->


                        <TableRow
                            Android:id="@+id/tableRow2"
                            Android:layout_height="wrap_content"
                            Android:layout_width="match_parent">

                            <TextView
                                Android:text=""
                                Android:layout_weight="1" Android:background="#dcdcdc"
                                Android:textColor="#000000"
                                Android:padding="20dip" Android:gravity="center"/>

                            <TextView
                                Android:text=""
                                Android:layout_weight="1" Android:background="#d3d3d3"
                                Android:textColor="#000000"
                                Android:padding="20dip" Android:gravity="center"/>

                            <TextView

                                Android:layout_weight="1" Android:background="#cac9c9"
                                Android:textColor="#000000"
                                Android:padding="20dip" Android:gravity="center"/>

                        </TableRow>



      </TableLayout>
1
IntelliJ Amiya