Android实现计算器布局(表格布局)

嘟嘟的程序员铲屎官

已于 2022-08-05 21:21:21 修改

阅读量9k

点赞数 18

分类专栏：安卓开发(AndroidStudio) 文章标签： android 移动开发安卓

于 2020-03-22 16:33:54 首次发布

本文链接：https://blog.csdn.net/weixin_42753193/article/details/105030103

版权

安卓开发(AndroidStudio) 专栏收录该内容

27 篇文章

订阅专栏

一:表格布局(TableLayout )

在这里插入图片描述

二:表格布局属性

在这里插入图片描述

三:效果图

在这里插入图片描述

四:样式(Values下的styles.xml)

<style name="ButtonStyle" >
        <item name="android:radius">10dp</item>
        <item name="android:textStyle">bold</item>
        <item name="android:textSize">20sp</item>
        <item name="android:color">#000</item>
        <item name="android:borderlessButtonStyle">@style/TextAppearance.AppCompat.Body1</item>
    </style>

五:布局代码

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <EditText
        android:gravity="right"
        android:paddingTop="130dp"
        android:textSize="100sp"
        android:layout_height="250dp"
        android:layout_width="match_parent"
        android:hint="0"/>
   <TableRow>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="C"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="←"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="%"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="÷"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
    </TableRow>
    <TableRow>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="7"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="8"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="9"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="x"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
    </TableRow>
    <TableRow>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="4"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="5"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="6"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="-"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
    </TableRow>
    <TableRow>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="1"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="2"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="3"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            android:text="+"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
    </TableRow>
    <TableRow>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="0"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="."
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="="
           android:layout_span="2"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
    </TableRow>
</TableLayout>

2022年3月18日修改:
运行在夜神模拟器上TableRow的内容没有居中对齐(通过在TableRow中添加layout_gravity=“center” android:gravity="center"得以解决!):

<?xml version="1.0" encoding="utf-8"?>
<TableLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_gravity="center"
    android:gravity="center"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <EditText
        android:gravity="right"
        android:paddingTop="130dp"
        android:textSize="100sp"
        android:layout_height="250dp"
        android:layout_width="match_parent"
        android:hint="0"/>
    <TableRow android:layout_gravity="center" android:gravity="center">

        <Button
            style="@style/ButtonStyle"
            android:layout_width="90dp"
            android:layout_height="90dp"
            android:layout_marginLeft="0dp"
            android:text="C" />
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="←"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="%"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="÷"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
    </TableRow>
    <TableRow  android:layout_gravity="center" android:gravity="center">

        <Button
            style="@style/ButtonStyle"
            android:layout_width="90dp"
            android:layout_height="90dp"
            android:layout_marginLeft="0dp"
            android:text="7" />
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="8"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="9"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="x"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
    </TableRow>
    <TableRow android:layout_gravity="center" android:gravity="center">

        <Button
            style="@style/ButtonStyle"
            android:layout_width="90dp"
            android:layout_height="90dp"
            android:layout_marginLeft="0dp"
            android:text="4" />
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="5"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="6"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="-"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
    </TableRow>
    <TableRow android:layout_gravity="center" android:gravity="center">

        <Button
            style="@style/ButtonStyle"
            android:layout_width="90dp"
            android:layout_height="90dp"
            android:layout_marginLeft="0dp"
            android:text="1" />
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="2"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="3"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            android:text="+"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
    </TableRow>
    <TableRow android:layout_gravity="center" android:gravity="center">

        <Button
            style="@style/ButtonStyle"
            android:layout_width="90dp"
            android:layout_height="90dp"
            android:layout_marginLeft="0dp"
            android:text="0" />
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="."
            android:layout_height="90dp"
            android:layout_width="90dp"/>
        <Button
            android:layout_marginLeft="10dp"
            style="@style/ButtonStyle"
            android:text="="
            android:layout_span="2"
            android:layout_height="90dp"
            android:layout_width="90dp"/>
    </TableRow>
</TableLayout>