安卓开发学习------3.表格布局（TableLayout）与网格布局（GridLayout）实现一个计算器

最新推荐文章于 2024-08-09 07:25:27 发布
最新推荐文章于 2024-08-09 07:25:27 发布
阅读量1.6k 收藏 24
点赞数 3
分类专栏： Android 文章标签： android android studio 移动开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wxnshuai/article/details/105183119
版权

表格布局和网格布局有相同点也有区别：

在这里插入图片描述
示例：表格布局实现一个计算器

<?xml version="1.0" encoding="utf-8"?>
<TableLayout 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:stretchColumns="0,1,2,3"
    tools:context=".TableActivity">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="150dp"
        android:textSize="100dp"
        android:textColor="#3CB371"
        android:gravity="right"
        android:text="0"
        android:id="@+id/tv1"
        />
    <TableRow>
    <Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="C"
        android:textSize="20dp"

        android:textColor="#ff0000"
        android:layout_below="@id/tv1"
        android:id="@+id/btn_c"
        />
    <Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="Back"
        android:textSize="20dp"
        android:layout_toRightOf="@id/btn_c"
        android:layout_below="@id/tv1"
        android:id="@+id/btn_back"
        />
    <Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="%"
        android:textSize="20dp"
        android:layout_toRightOf="@id/btn_back"
        android:layout_below="@id/tv1"
        android:id="@+id/btn_per"
        />
    <Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="*"
        android:textSize="20dp"
        android:layout_toRightOf="@id/btn_per"
        android:layout_below="@id/tv1"
        android:id="@+id/btn_muv"
        />
    </TableRow>
    <TableRow>
    <Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="9"
        android:textSize="35dp"
        android:layout_below="@id/btn_c"
        android:id="@+id/btn_9"
        />
    <Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="8"
        android:textSize="35dp"
        android:layout_toRightOf="@id/btn_9"
        android:layout_below="@id/btn_back"
        android:id="@+id/btn_8"
        />
    <Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="7"
        android:textSize="35dp"
        android:layout_toRightOf="@id/btn_8"
        android:layout_below="@id/btn_per"
        android:id="@+id/btn_7"
        />
    <Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="/"
        android:textSize="35dp"
        android:layout_toRightOf="@id/btn_7"
        android:layout_below="@id/btn_muv"
        android:id="@+id/btn_dev"
        />
    </TableRow>
    <TableRow>
    <Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="6"
        android:textSize="35dp"
        android:layout_below="@id/btn_9"
        android:id="@+id/btn_6"
        />
    <Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="5"
        android:textSize="35dp"
        android:layout_toRightOf="@id/btn_6"
        android:layout_below="@id/btn_8"
        android:id="@+id/btn_5"
        />
    <Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="4"
        android:textSize="35dp"
        android:layout_toRightOf="@id/btn_5"
        android:layout_below="@id/btn_7"
        android:id="@+id/btn_4"
        />
    <Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="-"
        android:textSize="35dp"
        android:layout_toRightOf="@id/btn_4"
        android:layout_below="@id/btn_dev"
        android:id="@+id/btn_sub"
        />
    </TableRow>
    <TableRow>
    <Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="3"
        android:textSize="35dp"
        android:layout_below="@id/btn_6"
        android:id="@+id/btn_3"
        />
    <Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="2"
        android:textSize="35dp"
        android:layout_toRightOf="@id/btn_3"
        android:layout_below="@id/btn_5"
        android:id="@+id/btn_2"
        />
    <Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="1"
        android:textSize="35dp"
        android:layout_toRightOf="@id/btn_2"
        android:layout_below="@id/btn_4"
        android:id="@+id/btn_1"
        />
    <Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="+"
        android:textSize="35dp"
        android:layout_toRightOf="@id/btn_1"
        android:layout_below="@id/btn_sub"
        android:id="@+id/btn_add"
        />
    </TableRow>
    <TableRow>
    <Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="+/-"
        android:textSize="35dp"
        android:layout_below="@id/btn_3"
        android:id="@+id/btn_zf"
        />
    <Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="0"
        android:textSize="35dp"
        android:layout_toRightOf="@id/btn_zf"
        android:layout_below="@id/btn_2"
        android:id="@+id/btn_0"
        />
    <Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="."
        android:textSize="35dp"
        android:layout_toRightOf="@id/btn_0"
        android:layout_below="@id/btn_1"
        android:id="@+id/btn_poi"
        />
    <Button
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:text="="
        android:textSize="35dp"
        android:layout_toRightOf="@id/btn_poi"
        android:layout_below="@id/btn_add"
        android:id="@+id/btn_result"
        />
    </TableRow>
</TableLayout>

表格布局结果：
在这里插入图片描述

示例：网格布局实现一个计算器

<?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:rowCount="5"
    android:columnCount="5"
    tools:context=".GridActivity">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="50dp"
        android:textColor="#00E800"
        android:gravity="right"
        android:text="0"
        android:layout_row="0"
        android:layout_column="0"
        android:layout_columnSpan="5"
        />
<Button
    android:text="9"
    android:layout_width="80dp"
    android:layout_height="80dp"
    android:textSize="20dp"
    android:layout_row="1"
    android:layout_column="0"
    />
    <Button
        android:text="8"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:textSize="20dp"
        android:layout_row="1"
        android:layout_column="1"
        />
    <Button
        android:text="7"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:textSize="20dp"
        android:layout_row="1"
        android:layout_column="2"
        />
    <Button
        android:text="*"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:textSize="20dp"
        android:layout_row="1"
        android:layout_column="3"
        />
    <Button
        android:text="c"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:textSize="20dp"
        android:layout_row="1"
        android:layout_column="4"
        />
    <Button
    android:text="6"
    android:layout_width="80dp"
    android:layout_height="80dp"
    android:textSize="20dp"
    android:layout_row="2"
    android:layout_column="0"
    />
    <Button
        android:text="5"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:textSize="20dp"
        android:layout_row="2"
        android:layout_column="1"
        />
    <Button
        android:text="4"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:textSize="20dp"
        android:layout_row="2"
        android:layout_column="2"
        />
    <Button
        android:text="/"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:textSize="20dp"
        android:layout_row="2"
        android:layout_column="3"
        />
    <Button
        android:text="back"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:textSize="20dp"
        android:layout_row="2"
        android:layout_column="4"
        />
    <Button
        android:text="3"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:textSize="20dp"
        android:layout_row="3"
        android:layout_column="0"
        />
    <Button
        android:text="2"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:textSize="20dp"
        android:layout_row="3"
        android:layout_column="1"
        />
    <Button
        android:text="1"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:textSize="20dp"
        android:layout_row="3"
        android:layout_column="2"
        />
    <Button
        android:text="-"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:textSize="20dp"
        android:layout_row="3"
        android:layout_column="3"
        />
    <Button
        android:text="="
        android:layout_width="80dp"
        android:layout_height="160dp"
        android:textSize="20dp"
        android:layout_row="3"
        android:layout_column="4"
        android:layout_rowSpan="2"

        android:background="@color/colorAccent"
        />
    <Button
        android:text="0"
        android:layout_width="160dp"
        android:layout_height="80dp"
        android:textSize="20dp"
        android:layout_row="4"
        android:layout_column="0"
        android:layout_columnSpan="2"
        />
    <Button
        android:text="."
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:textSize="20dp"
        android:layout_row="4"
        android:layout_column="2"
        />
    <Button
        android:text="+"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:textSize="20dp"
        android:layout_row="4"
        android:layout_column="3"
        />

</GridLayout>

网格布局结果：
在这里插入图片描述

阿柠xn
关注
专栏目录
Android Studio简易计算器1——使用TableLayout表格布局
云间月呀
03-24 4322
一、开发环境 （1）Android Studio （2）夜神模拟器7.0.2.2 二、activity_main.xml <?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_con
New UI-布局之GridLayout(网格布局)详解
代码拾荒者
01-16 5908
New UI-布局之GridLayout(网格布局)详解  ——转载请注明出处:coder-pig,欢迎转载,请勿用于商业用途! 小猪Android开发交流群已建立,欢迎大家加入,无论是新手,菜鸟,大神都可以,小猪一个人的 力量毕竟是有限的,写出来的东西肯定会有很多纰漏不足,欢迎大家指出,集思广益,让小猪的博文 更加的详尽,帮到更多的人,O(∩_∩)O谢谢! 小猪Andr
Android Studio实现简易计算器（表格布局TableLayout）
08-19
主要为大家详细介绍了Android Studio实现简易计算器，表格布局TableLayout，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
【Android】利用Android的网格布局写一个简单的计算器
rong11417的博客
03-15 644
利用Android的网格布局写一个简单的计算器 activity_grid.xml <?xml version="1.0" encoding="utf-8"?> <GridLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.androi...
TableView for Android 教程
最新发布
gitblog_00265的博客
08-09 588
TableView for Android 教程 TableViewTableView is a powerful Android library for displaying complex data structures and rendering tabular data composed of rows, columns and cells.项目地址:https://gitcode.co...
使用表格布局实现界面计算器按钮
dianlunhui的专栏
08-16 3915
xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:stretchColumns="0,1,2,3"     tools:context=".Addressbook
Android Studio简易计算器（表格布局TableLayout）
热门推荐
你的外祖父的博客
04-04 2万+
这是一个运用网格布局来做的简易计算器，可能没有那么美观，大家可以继续完善 首先先看看成果吧 首先先建一个新的Project Calculator 然后先编写颜色背景文件 创建一个gray.xml，哪里创建呢？如图 在drawable下右击，选择new–Drawable resource file 第一个是文件名字，第二个属性可以自己选择，我们这里前两个文件选择shape，...
Android中使用GridLayout网格布局来制作简单的计算器App
09-02
GridLayout作为Android 4.0及以上版本引入的一种布局管理器，为开发者提供了更灵活的界面排布方式，尤其适合用于创建按钮众多且需按网格排列的应用，比如计算器。 在传统的LinearLayout中，控件只能按单一方向...
Android应用开发-GridLayout的使用.pptx
12-10
在Android应用开发中，GridLayout是一种布局管理器，它允许开发者以网格的形式组织UI元素，类似于电子表格中的单元格。在本教程中，我们将深入探讨如何有效地使用GridLayout来创建复杂的用户界面，尤其是通过一个...
Android布局之GridLayout网格布局
09-02
Android的GridLayout网格布局是一种在Android 4.0 (API Level 14)及更高版本中引入的布局方式，它允许开发者以二维网格的形式组织UI组件。这种布局方式提供了更多的灵活性，使得组件可以在网格中跨多行或多列，与...
Android中常见五种布局管理器——RelativeLayout、LinearLayout、FrameLayout、TableLayout、GridLayout
YoNow的博客
06-07 6608
布局管理器 Android提供五种布局管理器： 1.相对布局管理器（RelativeLayout）：通过相对定位的方式来控制组件的摆放位置。 2.线性布局管理器（LinearLayout）：是指在水平或者垂直方向上依次摆放组件。 3.帧布局管理器（FrameLayout）：没有任何定位方式，默认情况下，所有的组件都会摆放在容器的左上角，逐个覆盖。 4.表格布局管理器（TableLayout）：使用表格的方式按行、列来摆放组件。 5.绝对布局管理器（AbsoluteLayout）：通过绝对定位（x
Android-TableView
05-17
使用场景 用于展示简单的统计数据 实现功能 <com.smartown.tableview.library.TableView android:id=&quot;@+id/table&quot; android:layout_width=&quot;wrap_content&quot; android:layout_height=&quot;wrap_content&quot; android:layout_centerInParent=&quot;true&quot; android:layout_margin=&quot;8dp&quot; app:dividerColor=&quot;#e1e1e1&quot; app:dividerWidth=&quot;1px&quot; app:headerColor=&quot;#00ffffff&quot; app:headerTextColor=&quot;#111111&quot; app:headerTextSize=&quot;10dp&quot;
android tableview
04-02
android tableview 带标题同时滑动的viewpager
TableView是一个功能强大的Android库，用于显示复杂的数据结构并呈现由行，列和单元格组成的表格数据。-Android开发
05-26
适用于Android的TableView TableView是一个功能强大的Android库，用于显示复杂的数据结构并呈现由行，列和单元格组成的表格数据。 TableView依赖于一个单独的模型对象来保存TableView For Android TableView是一个功能强大的Android库，用于显示复杂的数据结构并呈现由行，列和单元格组成的表格数据。 TableView依赖于一个单独的模型对象来保存和表示其显示的数据。 该存储库还包含一个示例应用程序，旨在向您展示如何在应用程序中创建自己的TableView。 演示完整视频»功能可以考虑较大的值自动计算每个列的宽度值
TableView：TableView是功能强大的Android库，用于显示复杂的数据结构并呈现由行，列和单元格组成的表格数据
02-01
Android版TableView TableView是一个功能强大的Android库，用于显示复杂的数据结构并呈现由行，列和单元格组成的表格数据。 TableView依赖于一个单独的模型对象来保存和表示其显示的数据。 该存储库还包含一个示例应用程序，旨在向您展示如何在应用程序中创建自己的TableView。 产品特点 可以考虑最大列宽自动计算每个列宽值。 设置自己的模型类以轻松地在表格视图中显示。 TableView具有一个动作侦听器界面，用于侦听每个单元格的用户触摸交互。 TableView列可以按升序或降序排序。 隐藏和显示行和列非常简单。 按多个数据过滤。 分页功能。 什么是新的 您可以在上检查TableView新实现。 目录 安装 要在您的Android项目中使用此库，只需将以下依赖项添加到模块的build.gradle ： dependencies { implementation 'com.evrencoskun.library:tableview:0.8.9.2' } 文献资料 请查看该 。 示例应用 该存储库具有TableView的。 （在
Android代码-TableView
08-06
TableView For Android TableView is a powerful Android library for displaying complex data structures and rendering tabular data composed of rows, columns and cells. TableView relies on a separate model object to hold and represent the data it displays. This repository also contains a sample app that is designed to show you how to create your own TableView in your application. Demo Full video » Feat
android简单实现表格布局,Android Studio实现简易计算器（表格布局TableLayout）
weixin_39695241的博客
05-26 741
这是一个运用网格布局来做的简易计算器，可能没有那么美观，大家可以继续完善首先先看看成果吧首先先建一个新的Project Calculator然后先编写颜色背景文件创建一个gray.xml，哪里创建呢？如图在drawable下右击，选择new–Drawable resource file第一个是文件名字，第二个属性可以自己选择，我们这里前两个文件选择shape，第三个文件选selector，附上颜色...
用表格布局制作计算器背景
m0_63911789的博客
04-21 624
如果直接在TableLayout中添加控件，那么控件将和父容器等宽 如果想让控件出现在同一行，那么这些控件的外层一定要加一对<TableRow> 在<TableRow>的控件中，宽度默认为wrap-content stretchColumns : 可伸展的列 shrinkColumns : 可收缩的列 collapseColumns : 可隐藏的列 三个属性均是通过索引控制 <?xml version="1.0" encoding="utf-8"?&gt...
安卓__利用布局管理器实现计算器的样式显示
qq_45691937的博客
09-22 236
<?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:layout_width="ma
Android开发：TableLayout表格布局深度解析
&quot;本文将深入探讨Android中的TableLayout表格布局，它是Android UI设计中的一种重要布局方式，用于创建类似电子表格的界面。TableLayout是LinearLayout的子类，这意味着它支持垂直方向上的子视图排列。我们将从以下几...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值