欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android开发菜单布局之表格布局示例

程序员文章站 2023-11-09 12:45:34
本文实例讲述了android开发菜单布局之表格布局。分享给大家供大家参考,具体如下: 多用于静态菜单页面 xml代码 代码内带详细解释

本文实例讲述了android开发菜单布局之表格布局。分享给大家供大家参考,具体如下:

多用于静态菜单页面

xml代码

代码内带详细解释

<?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 对应 1,2,3列-->
  <!--定义第 1 个表格布局,第二列收缩第三列拉伸-->
  <tablelayout
    android:id="@+id/tablelayout01"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:shrinkcolumns="1"
    android:stretchcolumns="2">
    <!--第一行不使用tablerow自己会占一行-->
    <button
      android:id="@+id/ok1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="第一行不使用tablerow自己会占一行"/>
    <!--添加一个表格-->
    <tablerow>
      <button
        android:id="@+id/ok2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="无设置 按钮"/>
      <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 个表格布局,第二列隐藏-->
  <tablelayout
    android:id="@+id/tablelayout02"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:collapsecolumns="1">
    <!--第一行不使用tablerow自己会占一行-->
    <button
      android:id="@+id/ok5"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="第一行不使用tablerow自己会占一行"/>
    <!--添加一个表格-->
    <!--由于设置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 个表格布局,第二列和第三列拉伸-->
  <!--多行花式设计-->
  <tablelayout
    android:id="@+id/tablelayout03"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:stretchcolumns="1,2">
    <!--第一行不使用tablerow自己会占一行-->
    <button
      android:id="@+id/ok9"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="第一行不使用tablerow自己会占一行"/>
    <!--添加一个表格-->
    <!--由于设置collapsecolumns="1"故第二列隐藏-->
    <tablerow>
      <button
        android:id="@+id/ok10"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="无设置 按钮"/>
      <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="无设置 按钮"/>
      <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="无设置 按钮"/>
  </tablerow>
  </tablelayout>
</linearlayout>

效果图:

Android开发菜单布局之表格布局示例

更多关于android相关内容感兴趣的读者可查看本站专题:《android布局layout技巧总结》、《android开发入门与进阶教程》、《android调试技巧与常见问题解决方法汇总》、《android基本组件用法总结》、《android视图view技巧总结》及《android控件用法总结

希望本文所述对大家android程序设计有所帮助。