使用tablelayout布局实现一个简单的计算器界面
时间: 2023-04-17 15:02:00 浏览: 284
好的,我来为您解答。
使用TableLayout可以方便地实现一个简单的计算器界面,以下是一个示例:
```xml
<?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"
android:padding="10dp">
<!-- 第一行,显示计算结果 -->
<TableRow>
<TextView
android:id="@+id/resultTextView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="right"
android:textSize="24sp"
android:text="0"
android:layout_span="4" />
</TableRow>
<!-- 第二行,显示数字和操作符 -->
<TableRow>
<Button
android:id="@+id/button7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="7" />
<Button
android:id="@+id/button8"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="8" />
<Button
android:id="@+id/button9"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="9" />
<Button
android:id="@+id/buttonAdd"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="+" />
</TableRow>
<!-- 第三行,显示数字和操作符 -->
<TableRow>
<Button
android:id="@+id/button4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="4" />
<Button
android:id="@+id/button5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="5" />
<Button
android:id="@+id/button6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="6" />
<Button
android:id="@+id/buttonSubtract"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="-" />
</TableRow>
<!-- 第四行,显示数字和操作符 -->
<TableRow>
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1" />
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="2" />
<Button
android:id="@+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="3" />
<Button
android:id="@+id/buttonMultiply"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="*" />
</TableRow>
<!-- 第五行,显示数字和操作符 -->
<TableRow>
<Button
android:id="@+id/button0"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="0" />
<Button
android:id="@+id/buttonDecimal"
android:layout_width="wrap_content"
好的,以下是一个使用TableLayout布局实现的简单计算器界面:
```
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<!-- 第一行 -->
<TableRow>
<Button
android:id="@+id/button_clear"
android:text="Clear" />
<EditText
android:id="@+id/edit_text_display"
android:layout_span="3"
android:gravity="right"
android:hint="0"
android:textSize="30sp" />
</TableRow>
<!-- 第二行 -->
<TableRow>
<Button
android:id="@+id/button_7"
android:text="7" />
<Button
android:id="@+id/button_8"
android:text="8" />
<Button
android:id="@+id/button_9"
android:text="9" />
<Button
android:id="@+id/button_divide"
android:text="/" />
</TableRow>
<!-- 第三行 -->
<TableRow>
<Button
android:id="@+id/button_4"
android:text="4" />
<Button
android:id="@+id/button_5"
android:text="5" />
<Button
android:id="@+id/button_6"
android:text="6" />
<Button
android:id="@+id/button_multiply"
android:text="*" />
</TableRow>
<!-- 第四行 -->
<TableRow>
<Button
android:id="@+id/button_1"
android:text="1" />
<Button
android:id="@+id/button_2"
android:text="2" />
<Button
android:id="@+id/button_3"
android:text="3" />
<Button
android:id="@+id/button_minus"
android:text="-" />
</TableRow>
<!-- 第五行 -->
<TableRow>
<Button
android:id="@+id/button_0"
android:text="0" />
<Button
android:id="@+id/button_dot"
android:text="." />
<Button
android:id="@+id/button_equal"
android:text="=" />
<Button
android:id="@+id/button_plus"
android:text="+" />
</TableRow>
</TableLayout>
```
这个布局使用了一个TableLayout和多个TableRow,每一行包含了四个Button或一个EditText。用户可以点击按钮输入数字和操作符,然后计算器会显示计算结果。
阅读全文