devbox
繁依Fanyi0
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

AndroidStudio案例——简单计算器_android studio计算器

作者：繁依Fanyi0 | 2024-03-31 10:55:55

赞

踩

android studio计算器

效果展示

实验内容及步骤 

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

步骤：

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

代码

activity_main.xml

  1. <?xml version="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. <?xml version="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. <?xml version="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. <?xml version="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. }

 注释都写在里面了

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/344421?site
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号