Android小项目 --- 简易计算器的设计与实现

这是博主第一次写博客，可能有许多错误，多多包含

作为一个在校生，我也是刚学这个Android开发，今天老师布置了一个作业，让我们动手编写一个简易计算器，下面是我的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">

    //输入数据显示在输入框里
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="70dp"
        android:textSize="40dp"
        android:text="0"/>



    //设置计算器的Button 数字、符号
    //因为是表格布局，所以每一个TableRow都是一行，给第一行设置Button
    <TableRow>
    //为了美观，给每个Button设置了权重，让它占据1，也就是1/4，将宽度铺满
        <Button
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="("/>
        <Button
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text=")"/>
        <Button
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="%"/>
        <Button
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="C"/>
    </TableRow>
    //给第二行设置Button
    <TableRow>
        <Button
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="7"/>
        <Button
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="8"/>
        <Button
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="9"/>
        <Button
            android:layout_weight="1"
 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="÷"/>
    </TableRow>
    //给第三行设置Button
    <TableRow>
        <Button
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="4"/>
        <Button
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="5"/>
        <Button
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="6"/>
        <Button
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="×"/>
    </TableRow>
    //给第四行设置Buuton
    <TableRow>
        <Button
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="1"/>
        <Button
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="2"/>
        <Button
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="3"/>
        <Button
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="-"/>
    </TableRow>
    //给第五行设置Buuton
    <TableRow>
        <Button
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="0"/>
        <Button
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="."/>
        <Button
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="="/>
        <Button
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="+"/>
    </TableRow>
</TableLayout>

这是博主通过表格布局TableLayout来实现，当然你也可以用ScrollView 滚动视图来实现，但万变不离其宗，都需要用到Button按钮以及TextView实现，因为博主一开始的时候，4个Button会让屏幕多出一点空白，所以为了美观，设置了权重，让它将屏幕铺满，下面是代码效果图