• AndroidStudio案例——简单计算器

    效果展示

    实验内容及步骤 

                设计一款带有可视化界面的简单计算器，供用户输入数据并查看结果。用户通过点击相应按钮（加减乘除运算符、等号、数字）输入正确的表达式，计算器进行相应的加减乘除运算，且可以进行小数和整数的运算；长按清除按钮3秒，可以清除已录入的内容。

    步骤：

    • 在Layout文件夹中建立布局文件activity_main.xml，完成计算器界面的网格布局设计，包括了一个文本编辑框和17个按钮。
    • 为每一个按钮编写单击事件，实现对应功能；点击数字和加减乘除按钮实现表达式的录入，并显示在TextView中；点击等号按钮，根据表达式计算结果；长按清除按钮3秒以上，清除录入的表达式

    代码

    activity_main.xml

    1. "1.0" encoding="utf-8"?>
    2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    3.     xmlns:app="http://schemas.android.com/apk/res-auto"
    4.     xmlns:tools="http://schemas.android.com/tools"
    5.     android:layout_width="match_parent"
    6.     android:layout_height="match_parent"
    7.     tools:context=".MainActivity"
    8.     android:orientation="vertical"
    9.     android:padding="10dp">
    10.  
    11.     <EditText
    12.         android:id="@+id/result"
    13.         android:layout_width="match_parent"
    14.         android:layout_height="60dp"
    15.         android:layout_marginLeft="4dp"
    16.         android:paddingLeft="10dp"
    17.         android:textSize="30dp"
    18.         android:textColor="@color/colorPrimary"
    19.         android:enabled="false"
    20.         />
    21.     <GridLayout
    22.         android:layout_width="match_parent"
    23.         android:layout_height="wrap_content"
    24.         android:rowCount="5"
    25.         android:columnCount="4"
    26.  
    27.         >
    28.         <Button
    29.             android:id="@+id/cls"
    30.             android:layout_width="match_parent"
    31.             android:layout_height="60dp"
    32.             android:text="清除"
    33.             android:textSize="20dp"
    34.             android:textColor="@color/black"
    35.             android:layout_columnSpan="4"
    36.             android:background="@drawable/btn"
    37.             />
    38.         <Button
    39.             android:id="@+id/one"
    40.             android:layout_width="wrap_content"
    41.             android:layout_height="60dp"
    42.             android:text="1"
    43.             android:textSize="20dp"
    44.             android:layout_columnWeight="1"
    45.             android:background="@drawable/btn"
    46.             />
    47.         <Button
    48.             android:id="@+id/two"
    49.             android:layout_width="wrap_content"
    50.             android:layout_height="60dp"
    51.             android:text="2"
    52.             android:textSize="20dp"
    53.             android:layout_columnWeight="1"
    54.             android:background="@drawable/btn"
    55.             />
    56.         <Button
    57.             android:id="@+id/three"
    58.             android:layout_width="wrap_content"
    59.             android:layout_height="60dp"
    60.             android:text="3"
    61.             android:textSize="20dp"
    62.             android:layout_columnWeight="1"
    63.             android:background="@drawable/btn"
    64.             />
    65.         <Button
    66.             android:id="@+id/plus"
    67.             android:layout_width="wrap_content"
    68.             android:layout_height="60dp"
    69.             android:text="+"
    70.             android:textSize="20dp"
    71.             android:layout_columnWeight="1"
    72.             android:background="@drawable/btn"
    73.             />
    74.         <Button
    75.             android:id="@+id/four"
    76.             android:layout_width="wrap_content"
    77.             android:layout_height="60dp"
    78.             android:text="4"
    79.             android:textSize="20dp"
    80.             android:layout_columnWeight="1"
    81.             android:background="@drawable/btn"
    82.             />
    83.         <Button
    84.             android:id="@+id/five"
    85.             android:layout_width="wrap_content"
    86.             android:layout_height="60dp"
    87.             android:text="5"
    88.             android:textSize="20dp"
    89.             android:layout_columnWeight="1"
    90.             android:background="@drawable/btn"
    91.             />
    92.         <Button
    93.             android:id="@+id/six"
    94.             android:layout_width="wrap_content"
    95.             android:layout_height="60dp"
    96.             android:text="6"
    97.             android:textSize="20dp"
    98.             android:layout_columnWeight="1"
    99.             android:background="@drawable/btn"
    100.             />
    101.         <Button
    102.             android:id="@+id/min"
    103.             android:layout_width="wrap_content"
    104.             android:layout_height="60dp"
    105.             android:text="-"
    106.             android:textSize="20dp"
    107.             android:layout_columnWeight="1"
    108.             android:background="@drawable/btn"
    109.             />
    110.         <Button
    111.             android:id="@+id/seven"
    112.             android:layout_width="wrap_content"
    113.             android:layout_height="60dp"
    114.             android:text="7"
    115.             android:textSize="20dp"
    116.             android:layout_columnWeight="1"
    117.             android:background="@drawable/btn"
    118.             />
    119.         <Button
    120.             android:id="@+id/eight"
    121.             android:layout_width="wrap_content"
    122.             android:layout_height="60dp"
    123.             android:text="8"
    124.             android:textSize="20dp"
    125.             android:layout_columnWeight="1"
    126.             android:background="@drawable/btn"
    127.             />
    128.         <Button
    129.             android:id="@+id/nine"
    130.             android:layout_width="wrap_content"
    131.             android:layout_height="60dp"
    132.             android:text="9"
    133.             android:textSize="20dp"
    134.             android:layout_columnWeight="1"
    135.             android:background="@drawable/btn"
    136.             />
    137.         <Button
    138.             android:id="@+id/mul"
    139.             android:layout_width="wrap_content"
    140.             android:layout_height="60dp"
    141.             android:text="×"
    142.             android:textSize="20dp"
    143.             android:layout_columnWeight="1"
    144.             android:background="@drawable/btn"
    145.             />
    146.         <Button
    147.             android:id="@+id/spot"
    148.             android:layout_width="wrap_content"
    149.             android:layout_height="60dp"
    150.             android:text="."
    151.             android:textSize="20dp"
    152.             android:layout_columnWeight="1"
    153.             android:background="@drawable/btn"
    154.             />
    155.         <Button
    156.             android:id="@+id/zero"
    157.             android:layout_width="wrap_content"
    158.             android:layout_height="60dp"
    159.             android:text="0"
    160.             android:textSize="20dp"
    161.             android:layout_columnWeight="1"
    162.             android:background="@drawable/btn"
    163.             />
    164.         <Button
    165.             android:id="@+id/equal"
    166.             android:layout_width="wrap_content"
    167.             android:layout_height="60dp"
    168.             android:text="="
    169.             android:textSize="20dp"
    170.             android:layout_columnWeight="1"
    171.             android:background="@drawable/btn"
    172.             />
    173.         <Button
    174.             android:id="@+id/div"
    175.             android:layout_width="wrap_content"
    176.             android:layout_height="60dp"
    177.             android:text="÷"
    178.             android:textSize="20dp"
    179.             android:layout_columnWeight="1"
    180.             android:background="@drawable/btn"
    181.             />
    182.     GridLayout>
    183.  
    184. LinearLayout>

    btn.xml（按钮的样式）

    1. "1.0" encoding="utf-8"?>
    2. <selector xmlns:android="http://schemas.android.com/apk/res/android">
    3.     <item android:state_pressed="true" android:drawable="@drawable/btn_pink_bg"/>
    4.     <item android:drawable="@drawable/btn_pink"/>
    5. selector>

    btn_pink.xml（按钮点击前）

    1. "1.0" encoding="utf-8"?>
    2. <shape xmlns:android="http://schemas.android.com/apk/res/android"
    3.     android:shape="rectangle">
    4.     <stroke
    5.         android:width="2dp"
    6.         android:color="#ff9999" />
    7.     <corners
    8.         android:radius="5dp"/>
    9.  
    10. shape>

    btn_pink_bg.xml(按钮点击后）

    1. "1.0" encoding="utf-8"?>
    2. <shape xmlns:android="http://schemas.android.com/apk/res/android"
    3.     android:shape="rectangle">
    4.         <solid android:color="#ff9999"/>
    5.     <stroke
    6.         android:width="2dp"
    7.         android:color="#ff9999" />
    8.     <corners
    9.         android:radius="5dp"/>
    10.  
    11. shape>

    效果如下

    JAVA代码部分

    MainActivity.java

    1. package com.example.a1108;
    2.  
    3. import androidx.appcompat.app.AppCompatActivity;
    4.  
    5. import android.os.Bundle;
    6. import android.view.MotionEvent;
    7. import android.view.View;
    8. import android.widget.Button;
    9. import android.widget.EditText;
    10.  
    11. import java.util.Date;
    12.  
    13. public class MainActivity extends AppCompatActivity implements View.OnClickListener{
    14.     EditText result;
    15. //    定义数字按钮
    16.     Button zero,one,two,three,four,five,six,seven,eight,nine,spot;
    17. //    定义加减乘除按钮
    18.     Button plus,min,mul,div;
    19. //    定义等号按钮
    20.     Button equals;
    21. //    标识符，标识运算完成
    22.     Boolean clr_flag=false;
    23. //    清除按钮
    24.     Button cls;
    25.     @Override
    26.     protected void onCreate(Bundle savedInstanceState) {
    27.         super.onCreate(savedInstanceState);
    28.         setContentView(R.layout.activity_main);
    29.         result=(EditText) findViewById(R.id.result);
    30.  
    31.         zero=findViewById(R.id.zero);
    32.         one=findViewById(R.id.one);
    33.         two=findViewById(R.id.two);
    34.         three=findViewById(R.id.three);
    35.         four=findViewById(R.id.four);
    36.         five=findViewById(R.id.five);
    37.         six=findViewById(R.id.six);
    38.         seven=findViewById(R.id.seven);
    39.         eight=findViewById(R.id.eight);
    40.         nine=findViewById(R.id.nine);
    41.         spot=findViewById(R.id.spot);
    42.  
    43.         zero.setOnClickListener(this);
    44.         one.setOnClickListener(this);
    45.         two.setOnClickListener(this);
    46.         three.setOnClickListener(this);
    47.         four.setOnClickListener(this);
    48.         five.setOnClickListener(this);
    49.         six.setOnClickListener(this);
    50.         seven.setOnClickListener(this);
    51.         eight.setOnClickListener(this);
    52.         nine.setOnClickListener(this);
    53.         spot.setOnClickListener(this);
    54.  
    55.         plus=findViewById(R.id.plus);
    56.         min=findViewById(R.id.min);
    57.         mul=findViewById(R.id.mul);
    58.         div=findViewById(R.id.div);
    59.  
    60.         plus.setOnClickListener(this);
    61.         min.setOnClickListener(this);
    62.         mul.setOnClickListener(this);
    63.         div.setOnClickListener(this);
    64.  
    65.         equals=findViewById(R.id.equal);
    66.  
    67.         equals.setOnClickListener(this);
    68.  
    69.         cls=findViewById(R.id.cls);
    70. //        为清除设置事件
    71.         cls.setOnTouchListener(new View.OnTouchListener() {
    72.             Date curDate=new Date(System.currentTimeMillis());
    73.             Date endDate=new Date(System.currentTimeMillis());
    74.             @Override
    75.             public boolean onTouch(View view, MotionEvent motionEvent) {
    76.                 switch (motionEvent.getAction()){
    77. //                    按下
    78.                     case MotionEvent.ACTION_DOWN:
    79.                         curDate=new Date((System.currentTimeMillis()));
    80.                         break;
    81. //                    抬起
    82.                     case MotionEvent.ACTION_UP:
    83.                         endDate=new Date(System.currentTimeMillis());
    84.                         long durationMS=endDate.getTime()-curDate.getTime();
    85.                         if(durationMS>3000)
    86.                             result.setText("");
    87.                         break;
    88.                 }
    89.                 return true;
    90.             }
    91.         });
    92.     }
    93.  
    94.  
    95.  
    96.     @Override
    97.     public void onClick(View view) {
    98. //        getText()获取的内容是一个对象，所以要转换一下
    99.         String str=result.getText().toString();
    100. //        根据当前按钮按下的id进行判断
    101.         switch (view.getId())
    102.         {
    103.             case R.id.zero:
    104.             case R.id.one:
    105.             case R.id.two:
    106.             case R.id.three:
    107.             case R.id.four:
    108.             case R.id.five:
    109.             case R.id.six:
    110.             case R.id.seven:
    111.             case R.id.eight:
    112.             case R.id.nine:
    113.             case R.id.spot:
    114. //                如果标识符为真，让值为空
    115.                 if(clr_flag)
    116.                     str="";
    117. //                把现在的内容追加上，现在的内容来自于按钮的文本
    118. //                按钮这个view对象先转换为Button
    119.                 result.setText(str+((Button)view).getText());
    120.                 clr_flag=false;
    121.                 break;
    122.             case R.id.plus:
    123.             case R.id.min:
    124.             case R.id.mul:
    125.             case R.id.div:
    126. //                如果标识符为真，让值为空
    127.                 if(clr_flag)
    128.                     str="";
    129.                 if(str.contains("+")||str.contains("-")||str.contains("×")||str.contains("÷"))
    130. //                    从起始位置开始，我们只要运算符之前的内容
    131.                     str=str.substring(0,str.indexOf(" "));
    132. //                所以在运算符的前面和后面都追加一个“ ”
    133.                 result.setText(str+" "+((Button)view).getText()+" ");
    134.                 clr_flag=false;
    135.                 break;
    136.             case R.id.equal:
    137.                 getResult();
    138.                 break;
    139.         }
    140.     }
    141. //    点了等号后
    142.     private void getResult(){
    143.         clr_flag=true;
    144. //        获取到字符串
    145.         String exp=result.getText().toString();
    146. //        按照空格分隔字符串，形成字符串数组，第一个元素是左侧操作数，第二个元素是运算符，第三个元素是右侧操作数
    147.         String [] exp_arr=exp.split(" ");
    148. //        定义结果
    149.         double cnt=0;
    150. //        定义操作数
    151.         double d1=Double.parseDouble(exp_arr[0]);
    152.         double d2=Double.parseDouble(exp_arr[2]);
    153. //        判断运算符
    154.         if(exp_arr[1].equals("+"))
    155.             cnt=d1+d2;
    156.         else if(exp_arr[1].equals("-"))
    157.             cnt=d1-d2;
    158.         else if(exp_arr[1].equals("×"))
    159.             cnt=d1*d2;
    160.         else if(exp_arr[1].equals("÷"))
    161.             cnt=d1/d2;
    162. //        设置结果
    163.         result.setText(String.valueOf(cnt));
    164.     }
    165. }

     注释都写在里面了

  • 相关阅读:
    jQuery用DOM遍历实现商城结算系统
    An overview of IfM Engage
    驱动开发：内核LoadLibrary实现DLL注入
    完美解决api-ms-win-crt-runtime-l1-1-0.dll详细步骤
    Qt 容器类
    OA项目之会议通知（查询&是否参会&反馈详情）
    实验室预约|实验室预约小程序|基于微信小程序的实验室预约管理系统设计与实现(源码+数据库+文档)
    代码随想录算法训练营第36期DAY46
    新版HI3559AV100开发注意事项
    深入Java集合：ArrayList 源码解析 - JDK8
  • 原文地址：https://blog.csdn.net/m0_52177571/article/details/127833822