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布局layout技巧总结》、《android开发入门与进阶教程》、《android调试技巧与常见问题解决方法汇总》、《android基本组件用法总结》、《android视图view技巧总结》及《android控件用法总结》
希望本文所述对大家android程序设计有所帮助。