【Android嵌入式开发及实训课程实验】【项目1】 图形界面——计算器项目

需求分析

开发一个简单的计算器项目，该程序只能进行加减乘除运算。要求界面美观，使用方便。
为降低编程难度，本计算器不支持连计算和混合运算。

界面设计

计算器项目的界面如图，具体内容包括1个为文本显示框，用于显示用户的按键输入值及计算结果；
18个按钮，即0~9数字键，加减乘除、小数点、等于号，以及清除按钮CLEAR和退格按钮BACKSPACE。

实施

1、创建项目

 创建一个名为 Calculator的项目，为简单起见，在开发过程中只使用默认的布局文件 activity_main.xml 和 MainActivity类。

2、 界面实现

计算器项目的界面实现思想：外层采用垂直线性布局，内层嵌套水平线性布局。本项目中的activity_main.xml 的图形控件及其Text、ID属性如下：

在本项目中，为所有的按钮指定相同的onClick属性，其事件处理的方法名全部为onClick。

实现代码

1.activity_main.xml

<?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="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/tvResult"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Medium Text"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <Button
            android:id="@+id/btnClear"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:onClick="onClick"
            android:text="Clear" />
        <Button
            android:id="@+id/btnBackSpace"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:onClick="onClick"
            android:text="Backspace" />
    </LinearLayout>


    <!-- 第一行 -->

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <Button
            android:id="@+id/btn7"
            android:layout_width="wrap_content"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:onClick="onClick"
            android:text="7" />

        <Button
            android:layout_weight="1"
            android:id="@+id/btn8"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onClick"
            android:text="8" />

        <Button
            android:layout_weight="1"
            android:id="@+id/btn9"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onClick"
            android:text="9" />

        <Button
            android:layout_weight="1"
            android:id="@+id/btnDevide"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onClick"
            android:text="/" />
    </LinearLayout>

    <!-- 第2行 -->

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <Button
            android:layout_weight="1"
            android:id="@+id/btn4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onClick"
            android:text="4" />

        <Button
            android:layout_weight="1"
            android:id="@+id/btn5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onClick"
            android:text="5" />

        <Button
            android:id="@+id/btn6"
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onClick"
            android:text="6" />

        <Button
            android:layout_weight="1"
            android:id="@+id/btnMultiply"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onClick"
            android:text="*" />
    </LinearLayout>

    <!-- 第3行 -->

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <Button
            android:layout_weight="1"
            android:id="@+id/btn1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onClick"
            android:text="1" />

        <Button
            android:layout_weight="1"
            android:id="@+id/btn2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onClick"
            android:text="2" />

        <Button
            android:id="@+id/btn3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="onClick"
            android:text="3" />

        <Button
            android:layout_weight="1"
            android:id="@+id/btnMinus"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onClick"
            android:text="-" />
    </LinearLayout>

    <!-- 第4行 -->

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <Button
            android:layout_weight="1"
            android:id="@+id/btnDot"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onClick"
            android:text="." />

        <Button
            android:layout_weight="1"
            android:id="@+id/btn0"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onClick"
            android:text="0" />

        <Button
            android:layout_weight="1"
            android:id="@+id/btnEqual"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onClick"
            android:text="=" />

        <Button
            android:layout_weight="1"
            android:id="@+id/btnPlus"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="onClick"
            android:text="+" />
    </LinearLayout>

</LinearLayout>

2.Java代码 - MainActivity.java

Activity类用于实现项目的功能，包括对按钮的响应及计算数值。代码如下

package com.example.administrator.calculator;

import androidx.appcompat.app.AppCompatActivity;

import android.annotation.SuppressLint;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

import com.example.ex2mycalculator.R;

import java.util.regex.Matcher;
import java.util.regex.Pattern;

public class MainActivity extends AppCompatActivity {

    TextView tvResult;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        tvResult = findViewById(R.id.tvResult);
        tvResult.setText("");
    }

    @SuppressLint("NonConstantResourceId")
    public void onClick(View v)
    {
        Button b = (Button) v;
        String btnText = b.getText().toString();
        String tvText = tvResult.getText().toString();
        int btnClear = R.id.btnClear;
        int id = v.getId();
        if (id == R.id.btnClear) {
            tvResult.setText("");
        } else if (id == R.id.btn0 || id == R.id.btn1 || id == R.id.btn2 || id == R.id.btn3 || id == R.id.btn4 || id == R.id.btn5 || id == R.id.btn6 || id == R.id.btn7 || id == R.id.btn8 || id == R.id.btn9 || id == R.id.btnDot || id == R.id.btnPlus || id == R.id.btnMinus || id == R.id.btnMultiply || id == R.id.btnDevide) {
            tvResult.setText(tvText + btnText);
        } else if (id == R.id.btnEqual) {// 计算结果
            Pattern p = Pattern.compile("(\\d+)([\\+\\-\\*\\/])(\\d+)");
            Matcher m = p.matcher(tvText);
            if (m.find()) {
                double d1 = Double.parseDouble(m.group(1));
                double d2 = Double.parseDouble(m.group(3));
                double d3 = 0;
                if ("+".equals(m.group(2))) {
                    d3 = d1 + d2;
                }
                if ("-".equals(m.group(2))) {
                    d3 = d1 - d2;
                }
                if ("*".equals(m.group(2))) {
                    d3 = d1 * d2;
                }
                if ("/".equals(m.group(2))) {
                    d3 = d1 / d2;
                }
                tvResult.setText(tvText + btnText + d3);
            }
        } else if (id == R.id.btnBackSpace) {
            if (tvResult.getText().toString().length() != 0) {
                tvResult.setText(tvResult.getText().toString().substring(0, tvResult.getText().toString().length() - 1));
            }
        } else {
            throw new IllegalStateException("Unexpected value: " + v.getId());
        }
    }
}

3、运行测试

将项目在AVD上运行，测试其是否符合需求分析中的要求。

注意点

你的软件的API 要比我原本的高或相等才能正常运行；

结束~