Android開發(fā)菜單布局之表格布局示例

更新時(shí)間：2019年04月17日 14:08:08 作者：水中魚之1999

這篇文章主要介紹了Android開發(fā)菜單布局之表格布局,結(jié)合具體實(shí)例形式分析了Android菜單布局中表格布局的相關(guān)行列排版與設(shè)置操作技巧,需要的朋友可以參考下

本文實(shí)例講述了Android開發(fā)菜單布局之表格布局。分享給大家供大家參考，具體如下：

多用于靜態(tài)菜單頁(yè)面

xml代碼

代碼內(nèi)帶詳細(xì)解釋

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  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:id="@+id/root"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical">
  <!--分別以0，1，2 對(duì)應(yīng) 1，2，3列-->
  <!--定義第 1 個(gè)表格布局，第二列收縮第三列拉伸-->
  <TableLayout
    android:id="@+id/TableLayout01"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:shrinkColumns="1"
    android:stretchColumns="2">
    <!--第一行不使用TableRow自己會(huì)占一行-->
    <Button
      android:id="@+id/ok1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="第一行不使用TableRow自己會(huì)占一行"/>
    <!--添加一個(gè)表格-->
    <TableRow>
      <Button
        android:id="@+id/ok2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="無設(shè)置 按鈕"/>
      <Button
        android:id="@+id/ok3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="收縮的 按鈕"/>
      <Button
        android:id="@+id/ok4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="拉伸的 按鈕"/>
    </TableRow>
  </TableLayout>
  <!--定義第 2 個(gè)表格布局，第二列隱藏-->
  <TableLayout
    android:id="@+id/TableLayout02"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:collapseColumns="1">
    <!--第一行不使用TableRow自己會(huì)占一行-->
    <Button
      android:id="@+id/ok5"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="第一行不使用TableRow自己會(huì)占一行"/>
    <!--添加一個(gè)表格-->
    <!--由于設(shè)置collapseColumns="1"故第二列隱藏-->
    <TableRow>
      <Button
        android:id="@+id/ok6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按鈕1"/>
      <Button
        android:id="@+id/ok7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按鈕2"/>
      <Button
        android:id="@+id/ok8"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按鈕3"/>
    </TableRow>
  </TableLayout>
  <!--定義第 3 個(gè)表格布局，第二列和第三列拉伸-->
  <!--多行花式設(shè)計(jì)-->
  <TableLayout
    android:id="@+id/TableLayout03"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:stretchColumns="1,2">
    <!--第一行不使用TableRow自己會(huì)占一行-->
    <Button
      android:id="@+id/ok9"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="第一行不使用TableRow自己會(huì)占一行"/>
    <!--添加一個(gè)表格-->
    <!--由于設(shè)置collapseColumns="1"故第二列隱藏-->
    <TableRow>
      <Button
        android:id="@+id/ok10"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="無設(shè)置 按鈕"/>
      <Button
        android:id="@+id/ok11"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="拉伸的 按鈕"/>
      <Button
        android:id="@+id/ok14"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="拉伸的 按鈕"/>
    </TableRow>
    <!--第二行單列-->
    <TableRow>
    <Button
      android:id="@+id/ok15"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="無設(shè)置 按鈕"/>
      <Button
        android:id="@+id/ok16"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="拉伸的 按鈕"/>
  </TableRow>
    <TableRow>
    <Button
      android:id="@+id/ok17"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="無設(shè)置 按鈕"/>
  </TableRow>
  </TableLayout>
</LinearLayout>

效果圖：