Android app布局TableLayout范例

手机计算器布局详解

最新推荐文章于 2025-09-21 10:59:29 发布

原创最新推荐文章于 2025-09-21 10:59:29 发布 · 831 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #app #java #android studio

Android App开发专栏收录该内容

16 篇文章

订阅专栏

本文深入解析了手机计算器的布局设计，包括输入框、数字按钮、运算符号等元素的配置及功能实现，旨在提供一个直观易用的计算界面。

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">
    <TableRow>
        <EditText
            android:id="@+id/text"
            android:layout_width="120px"
            android:layout_height="92px"
            android:layout_weight="10"
            android:layout_row="0"
            android:layout_column="0"
            />
    </TableRow>
    <TableRow>
        <Button
            android:id="@+id/one"
            android:text="@string/num_one"
            android:layout_width="120px"
            android:layout_height="92px"
            android:layout_row="1"
            android:layout_column="0"
            />/><!--数字按钮1-->

        <Button
            android:id="@+id/two"
            android:text="@string/num_two"
            android:layout_width="120px"
            android:layout_height="92px"
            android:layout_row="1"
            android:layout_column="1"
            /><!--数字按钮2-->

        <Button
            android:id="@+id/three"
            android:text="@string/num_three"
            android:layout_width="120px"
            android:layout_height="92px"
            android:layout_row="1"
            android:layout_column="2"
            /><!--数字按钮3-->

        <Button
            android:id="@+id/add"
            android:text="@string/button_add"
            android:layout_width="120px"
            android:layout_height="92px"
            android:layout_row="1"
            android:layout_column="3"
            />
        </TableRow>>

    <TableRow>
        <Button
            android:id="@+id/four"
            android:text="@string/num_four"
            android:layout_width="120px"
            android:layout_height="92px"
            android:layout_row="2"
            android:layout_column="0"
            /><!--数字按钮4-->

        <Button
            android:id="@+id/five"
            android:text="@string/num_five"
            android:layout_width="120px"
            android:layout_height="92px"
            android:layout_row="2"
            android:layout_column="1"
            /><!--数字按钮5-->

        <Button
            android:id="@+id/six"
            android:text="@string/num_six"
            android:layout_width="120px"
            android:layout_height="92px"
            android:layout_row="2"
            android:layout_column="2"
            /><!--数字按钮6-->

        <Button
            android:id="@+id/subtract"
            android:text="@string/button_subtract"
            android:layout_width="120px"
            android:layout_height="92px"
            android:layout_row="2"
            android:layout_column="3"
            />
        </TableRow>>

    <TableRow>
        <Button
            android:id="@+id/seven"
            android:text="@string/num_seven"
            android:layout_width="120px"
            android:layout_height="92px"
            android:layout_row="3"
            android:layout_column="0"
            /><!--数字按钮7-->

        <Button
            android:id="@+id/eight"
            android:text="@string/num_eight"
            android:layout_width="120px"
            android:layout_height="92px"
            android:layout_row="3"
            android:layout_column="1"
            /><!--数字按钮8-->

        <Button
            android:id="@+id/nine"
            android:text="@string/num_nine"
            android:layout_width="120px"
            android:layout_height="92px"
            android:layout_row="3"
            android:layout_column="2"
            /><!--数字按钮9-->

        <Button
            android:id="@+id/multiply"
            android:text="@string/button_multiply"
            android:layout_width="120px"
            android:layout_height="92px"
            android:layout_row="3"
            android:layout_column="3"
            />
        </TableRow>
    <TableRow>
        <Button
            android:id="@+id/zero"
            android:text="@string/num_zero"
            android:layout_width="120px"
            android:layout_height="92px"
            android:layout_row="4"
            android:layout_column="0"
            /><!--数字按钮0-->
        <Button
            android:id="@+id/decimal_point"
            android:text="."
            android:layout_width="120px"
            android:layout_height="92px"
            android:layout_row="4"
            android:layout_column="1"
            />
        <Button
            android:id="@+id/delete"
            android:text="←"
            android:layout_width="120px"
            android:layout_height="92px"
            android:layout_row="4"
            android:layout_column="2"
            />
        <Button
            android:id="@+id/divide"
            android:text="@string/button_divide"
            android:layout_width="120px"
            android:layout_height="92px"
            android:layout_row="4"
            android:layout_column="3"
            />
        </TableRow>
    <TableRow>
        <Button
            android:id="@+id/equal"
            android:text="@string/button_equal"
            android:layout_width="120px"
            android:layout_height="90px"
            android:layout_row="4"
            android:layout_weight="10"
            />
    </TableRow>
    <TableRow>
        <Button
            android:id="@+id/about"
            android:text="About"
            android:layout_width="120px"
            android:layout_height="90px"
            android:layout_row="4"
            android:layout_weight="10"
            />
    </TableRow>
</TableLayout>

在手机上的运行效果：