【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 要比我原本的高或相等才能正常运行;
在这里插入图片描述

结束~

最近更新

  1. TCP协议是安全的吗?

    2023-12-17 03:00:03       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-17 03:00:03       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-17 03:00:03       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-17 03:00:03       18 阅读

热门阅读

  1. 最流行的视频创作者

    2023-12-17 03:00:03       34 阅读
  2. 第12课 SQL入门之联结表

    2023-12-17 03:00:03       42 阅读
  3. Elasticsearch 8.9 search命令执行查询源码

    2023-12-17 03:00:03       33 阅读
  4. gitee推荐-粤语编程

    2023-12-17 03:00:03       44 阅读
  5. Lua学习笔记 — Table与Metatable(超详细)

    2023-12-17 03:00:03       36 阅读
  6. CSS新手入门笔记整理:CSS3选择器

    2023-12-17 03:00:03       32 阅读
  7. Linux PWM 应用编程

    2023-12-17 03:00:03       39 阅读
  8. LeetCode 70. 爬楼梯

    2023-12-17 03:00:03       45 阅读