Android Studio实现简易计算器（表格布局TableLayout）

这是一个运用网格布局来做的简易计算器，可能没有那么美观，大家可以继续完善

首先先看看成果吧

首先先建一个新的Project Calculator
然后先编写颜色背景文件
创建一个gray.xml，哪里创建呢？如图
在drawable下右击，选择new?Drawable resource file

第一个是文件名字，第二个属性可以自己选择，我们这里前两个文件选择shape，第三个文件选selector，附上颜色背景代码

gray.xml

<?xml version=\"1.0\" encoding=\"utf-8\"?>
<shape xmlns:android=\"http://schemas.android.com/apk/res/android\">

 <corners android:radius=\"5dp\"/>
 <solid android:color=\"#f9f9f9\"/>
 <stroke
 android:width=\"2dp\"
 android:color=\"#ffa600\"/>
</shape>

orange.xml

<?xml version=\"1.0\" encoding=\"utf-8\"?>
<shape xmlns:android=\"http://schemas.android.com/apk/res/android\">
 <corners android:radius=\"5dp\"/> // 圆角
 <solid android:color=\"#F7B684\"/> //颜色
</shape>

white.xml

<?xml version=\"1.0\" encoding=\"utf-8\"?>
<shape xmlns:android=\"http://schemas.android.com/apk/res/android\">


 <corners android:radius=\"5dp\"/>
 <solid android:color=\"#ffffff\"/>
 <stroke
 android:width=\"1dp\"
 android:color=\"#ffa600\"/>

</shape>

change.xml

<?xml version=\"1.0\" encoding=\"utf-8\"?>
<selector xmlns:android=\"http://schemas.android.com/apk/res/android\">


 <item android:drawable=\"@drawable/gray\"/> //默认颜色
 <item android:drawable=\"@drawable/orange\" android:state_pressed=\"true\"/> //按下的改变的颜色
</selector>

这个是当你按下按键的时候按键会改变颜色

接下来就是布局文件了

activity_main.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\"

 android:background=\"#D8ECF3\">


 <TextView
 android:gravity=\"bottom|right\"
 android:textSize=\"70dp\"
 android:singleLine=\"true\"
 android:layout_margin=\"15dp\"
 android:layout_width=\"match_parent\"
 android:layout_height=\"120dp\"
 android:background=\"@drawable/white\"
 android:id=\"@+id/textView\"/>


 <TableRow
 android:layout_width=\"match_parent\"
 android:layout_height=\"match_parent\"
 android:layout_marginTop=\"10dp\">

 <Button
 android:id=\"@+id/btn_clean\"
 android:layout_marginLeft=\"10dp\"
 android:background=\"@drawable/orange\"
 android:gravity=\"center\"
 android:text=\"C\"
 android:textSize=\"25sp\" />

 <Button
 android:id=\"@+id/btn_del\"
 android:layout_marginLeft=\"10dp\"
 android:layout_span=\"2\"
 android:background=\"@drawable/gray\"
 android:gravity=\"center\"
 android:text=\"Del\"
 android:textSize=\"25sp\" />

 <Button
 android:id=\"@+id/btn_divide\"
 android:layout_marginLeft=\"10dp\"
 android:layout_marginRight=\"10dp\"
 android:background=\"@drawable/gray\"
 android:gravity=\"center\"
 android:layout_span=\"1\"
 android:text=\"/\"
 android:textSize=\"25sp\" />

 </TableRow>

 <TableRow
 android:layout_width=\"match_parent\"
 android:layout_height=\"match_parent\"
 android:layout_marginTop=\"10dp\">

 <Button
 android:id=\"@+id/btn_7\"
 android:layout_marginLeft=\"10dp\"
 android:background=\"@drawable/white\"
 android:gravity=\"center\"
 android:text=\"7\"
 android:textSize=\"25sp\" />

 <Button
 android:id=\"@+id/btn_8\"
 android:layout_marginLeft=\"10dp\"
 android:background=\"@drawable/white\"
 android:gravity=\"center\"
 android:text=\"8\"
 android:textSize=\"25sp\" />

 <Button
 android:id=\"@+id/btn_9\"
 android:layout_marginLeft=\"10dp\"
 android:background=\"@drawable/white\"
 android:gravity=\"center\"
 android:text=\"9\"
 android:textSize=\"25sp\" />

 <Button
 android:id=\"@+id/btn_multiply\"
 android:layout_marginLeft=\"10dp\"
 android:layout_marginRight=\"10dp\"
 android:background=\"@drawable/gray\"
 android:gravity=\"center\"
 android:text=\"*\"
 android:textSize=\"25sp\" />
 </TableRow>

 <TableRow
 android:layout_width=\"match_parent\"
 android:layout_height=\"match_parent\"
 android:layout_marginTop=\"10dp\">

 <Button
 android:id=\"@+id/btn_4\"
 android:layout_marginLeft=\"10dp\"
 android:background=\"@drawable/white\"
 android:gravity=\"center\"
 android:text=\"4\"
 android:textSize=\"25sp\" />

 <Button
 android:id=\"@+id/btn_5\"
 android:layout_marginLeft=\"10dp\"
 android:background=\"@drawable/white\"
 android:gravity=\"center\"
 android:text=\"5\"
 android:textSize=\"25sp\" />

 <Button
 android:id=\"@+id/btn_6\"
 android:layout_marginLeft=\"10dp\"
 android:background=\"@drawable/white\"
 android:gravity=\"center\"
 android:text=\"6\"
 android:textSize=\"25sp\" />

 <Button
 android:id=\"@+id/btn_add\"
 android:layout_marginLeft=\"10dp\"
 android:layout_marginRight=\"10dp\"
 android:background=\"@drawable/gray\"
 android:gravity=\"center\"
 android:text=\"+\"
 android:textSize=\"25sp\" />
 </TableRow>

 <TableRow
 android:layout_width=\"match_parent\"
 android:layout_height=\"match_parent\"
 android:layout_marginTop=\"10dp\">

 <Button
 android:id=\"@+id/btn_1\"
 android:layout_marginLeft=\"10dp\"
 android:background=\"@drawable/white\"
 android:gravity=\"center\"
 android:text=\"1\"
 android:textSize=\"25sp\" />

 <Button
 android:id=\"@+id/btn_2\"
 android:layout_marginLeft=\"10dp\"
 android:background=\"@drawable/white\"
 android:gravity=\"center\"
 android:text=\"2\"
 android:textSize=\"25sp\" />

 <Button
 android:id=\"@+id/btn_3\"
 android:layout_marginLeft=\"10dp\"
 android:background=\"@drawable/white\"
 android:gravity=\"center\"
 android:text=\"3\"
 android:textSize=\"25sp\" />

 <Button
 android:id=\"@+id/btn_minus\"
 android:layout_marginLeft=\"10dp\"
 android:layout_marginRight=\"10dp\"
 android:background=\"@drawable/gray\"
 android:gravity=\"center\"
 android:text=\"-\"
 android:textSize=\"25sp\" />

 </TableRow>


 <TableRow
 android:layout_width=\"wrap_content\"
 android:layout_height=\"match_parent\"
 android:layout_marginTop=\"10dp\">

 <Button
 android:id=\"@+id/btn_0\"
 android:layout_marginLeft=\"10dp\"
 android:layout_span=\"2\"
 android:background=\"@drawable/white\"
 android:gravity=\"center\"
 android:text=\"0\"
 android:textSize=\"25sp\" />

 <Button
 android:id=\"@+id/btn_point\"
 android:layout_marginLeft=\"10dp\"
 android:layout_span=\"1\"
 android:background=\"@drawable/white\"
 android:gravity=\"center\"
 android:text=\".\"
 android:textSize=\"25sp\" />

 <Button
 android:id=\"@+id/btn_equal\"
 android:layout_marginLeft=\"10dp\"
 android:layout_marginRight=\"10dp\"
 android:layout_span=\"1\"
 android:background=\"@drawable/gray\"
 android:gravity=\"center\"
 android:text=\"=\"
 android:textSize=\"25sp\" />


 </TableRow>


</TableLayout>

接下来就是MainActivity.java

package com.example.calculator;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

 Button btn_clean,btn_del,btn_divide,btn_0,btn_1,btn_2,btn_3,btn_4,btn_5,btn_6,btn_7,btn_8,btn_9,
 btn_multiply,btn_add,btn_minus,btn_point,btn_equal;
 TextView textView;
 boolean clear_flag;  //清空标识
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate (savedInstanceState);
 setContentView (R.layout.activity_main);
 btn_0 = findViewById(R.id.btn_0); //初始化
 btn_1 = findViewById(R.id.btn_1);
 btn_2 = findViewById(R.id.btn_2);
 btn_3 = findViewById(R.id.btn_3);
 btn_4 = findViewById(R.id.btn_4);
 btn_5 = findViewById(R.id.btn_5);
 btn_6 = findViewById(R.id.btn_6);
 btn_7 = findViewById(R.id.btn_7);
 btn_8 = findViewById(R.id.btn_8);
 btn_9 = findViewById(R.id.btn_9);
 btn_multiply = findViewById(R.id.btn_multiply);
 btn_divide = findViewById(R.id.btn_divide);
 btn_add = findViewById(R.id.btn_add);
 btn_minus = findViewById(R.id.btn_minus);
 btn_point = findViewById(R.id.btn_point);
 btn_del =findViewById(R.id.btn_del);
 btn_equal = findViewById(R.id.btn_equal);
 btn_clean = findViewById(R.id.btn_clean);

 textView = findViewById(R.id.textView);

 btn_0.setOnClickListener(this); //设置按钮的点击事件
 btn_1.setOnClickListener(this);
 btn_2.setOnClickListener(this);
 btn_3.setOnClickListener(this);
 btn_4.setOnClickListener(this);
 btn_5.setOnClickListener(this);
 btn_6.setOnClickListener(this);
 btn_7.setOnClickListener(this);
 btn_8.setOnClickListener(this);
 btn_9.setOnClickListener(this);
 btn_minus.setOnClickListener(this);
 btn_multiply.setOnClickListener(this);
 btn_del.setOnClickListener(this);
 btn_divide.setOnClickListener(this);
 btn_point.setOnClickListener(this);
 btn_add.setOnClickListener(this);
 btn_equal.setOnClickListener(this);
 btn_clean.setOnClickListener(this);
 }

 public void onClick(View v) {
 String str = textView.getText().toString();
 switch(v.getId ()){
 case R.id.btn_0:
 case R.id.btn_1:
 case R.id.btn_2:
 case R.id.btn_3:
 case R.id.btn_4:
 case R.id.btn_5:
 case R.id.btn_6:
 case R.id.btn_7:
 case R.id.btn_8:
 case R.id.btn_9:
 case R.id.btn_point:
 if(clear_flag){
  clear_flag=false;
  str=\"\";
  textView.setText (\"\");
 }
 textView.setText(str+((Button)v).getText ());
 break;

 case R.id.btn_add:
 case R.id.btn_minus:
 case R.id.btn_multiply:
 case R.id.btn_divide:
 if(clear_flag){
  clear_flag=false;
  textView.setText(\"\");
 }
 textView.setText(str+\" \"+((Button)v).getText()+\" \");
 break;
 case R.id.btn_del:
 if(clear_flag){
  clear_flag=false;
  textView.setText (\"\");
 }else if (str != null && !str.equals (\"\")){
  textView.setText(str.substring(0,str.length()-1)); //删除一个字符
 }
 break;
 case R.id.btn_clean:
 clear_flag=false;
 str = \"\";
 textView.setText(\"\"); //清空文本内容
 break;
 case R.id.btn_equal:
 getResult(); //获取结果
 break;
 }
 }

 private void getResult() {  //算法
 String s = textView.getText().toString();
 if(s == null || s.equals (\"\")){
 return;
 }
 if (!s.contains (\"\")){
 return;
 }
 if (clear_flag){
 clear_flag=false;
 return;
 }
 clear_flag=true;

 String str1 = s.substring(0,s.indexOf(\" \"));  // 获取到运算符前面的字符
 String str_y = s.substring(s.indexOf(\" \")+1,s.indexOf(\" \")+2); //获取到运算符
 String str2 = s.substring(s.indexOf(\" \")+ 3);  //获取到运算符后面的字符

 double result = 0;
 if (!str1.equals (\"\") && !str2.equals (\"\")){
 double num1 = Double.parseDouble(str1); //将str1、str2强制转化为double类型
 double num2 = Double.parseDouble(str2);

 if (str_y.equals (\"+\")){
 result = num1 + num2;
 }else if (str_y.equals (\"-\")){
 result = num1 - num2;
 }else if (str_y.equals (\"÷\")){
 if (num2 == 0){
  result = 0;
 }else {
  result = num1/num2;
 }
 }else if (str_y.equals (\"*\")){
 result = num1*num2;
 }
 if (!str1.contains (\".\") && !str2.contains (\".\") && !s.equals (\"÷\")){
 int k = (int) result; //强制转换
 textView.setText (k);
 }else{
 textView.setText (result+\"\");
 }
 }else if (!str1.equals (\"\") && str2.equals (\"\")){
 textView.setText (s);
 }else if (str1.equals (\"\") && !str2.equals (\"\")){
 double num2 = Double.parseDouble(str2);
 if (s.equals (\"+\")){
 result = 0 + num2;
 }else if (s.equals(\"-\")){
 result = 0 - num2;
 }else if (s.equals(\"×\")){
 result = 0;
 }else if (s.equals(\"÷\")){
 result = 0;
 }
 if (!str2.contains (\".\")) {
 int r = (int) result;
 textView.setText (r + \"\");
 } else {
 textView.setText (result + \"\");
 }
 } else {
 textView.setText (\"\");
 }
 }
}

这里的算法可能写的没有那么好，大家可以网上找找其他案例参照一下，继续完善算法

更多计算器功能实现，请点击专题：计算器功能汇总进行学习

关于Android计算器功能的实现，查看专题：Android计算器进行学习。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持自学编程网。