Android小程序-简易计算器的实现

版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/hester_hester/article/details/51112527

目标效果:

 

通过编写代码,可以实现整数和小数的加减乘除运算,以及删除和清空的功能。


1.页面中Button使用的是线性布局,最外边一个是父布局,第一行C,DEL,/,*为第一个子布局,第二行7,8,9,-为第二个子布局,第三行4,5,6,+为第三个子布局,第四五行为第四个子布局,第四个子布局中还有两个相当于是孙布局的级别,1,2,3为第一个孙布局,0和.为第二个孙布局,=在两个孙布局之外第四个子布局以内。因为计算器的水平竖直排列十分鲜明,所以可以用线性布局,当然也可以用表格布局来进行排布。


2.activity_main.xml页面用于存放所有控件。

activity_main.xml页面:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_marginTop="40dp"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <EditText
        android:id="@+id/etInput"
    	android:layout_width="310dp"
    	android:layout_height="60dip"
    	android:editable="false"         //代表不能进行键盘输入
    	android:gravity="right"          //文字靠右边
    	android:layout_gravity="center"
    	android:background="@drawable/white_bg"/>   <!-- 设置输入框的背景,为一个xml文件 -->

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:gravity="center_horizontal"
        android:orientation="horizontal" >          <!-- 代表水平排布 -->
        
        <Button
        android:id="@+id/btClear"
        android:background="@drawable/white_select"   //设置按钮的背景,为一个xml文件
        android:layout_width="75dp"
        android:layout_height="60dp"
        android:textSize="20sp"
        android:text="C" />
        <Button
        android:id="@+id/btDel"
        android:background="@drawable/white_select"
        android:layout_marginLeft="5dp"
        android:layout_width="75dp"
        android:layout_height="60dp"
        android:textSize="20sp"
        android:text="DEL" />
        <Button
        android:id="@+id/btDivide"
        android:background="@drawable/white_select"
        android:layout_marginLeft="5dp"
        android:layout_width="75dp"
        android:layout_height="60dp"
        android:textSize="20sp"
        android:text="/" />
        <Button
        android:id="@+id/btMul"
        android:background="@drawable/white_select"
        android:layout_marginLeft="5dp"
        android:layout_width="75dp"
        android:layout_height="60dp"
        android:textSize="20sp"
        android:text="*" />
    </LinearLayout>
    
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:gravity="center_horizontal"
        android:orientation="horizontal" >
        
        <Button
        android:id="@+id/btSeven"
        android:background="@drawable/white_select"
        android:layout_width="75dp"
        android:layout_height="60dp"
        android:textSize="20sp"
        android:text="7" />
        <Button
        android:id="@+id/btEight"
        android:background="@drawable/white_select"
        android:layout_marginLeft="5dp"
        android:layout_width="75dp"
        android:layout_height="60dp"
        android:textSize="20sp"
        android:text="8" />
        <Button
        android:id="@+id/btNine"
        android:background="@drawable/white_select"
        android:layout_marginLeft="5dp"
        android:layout_width="75dp"
        android:layout_height="60dp"
        android:textSize="20sp"
        android:text="9" />
        <Button
        android:id="@+id/btJian"
        android:background="@drawable/white_select"
        android:layout_marginLeft="5dp"
        android:layout_width="75dp"
        android:layout_height="60dp"
        android:textSize="20sp"
        android:text="-" />
    </LinearLayout>
    
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:gravity="center_horizontal"
        android:orientation="horizontal" >
        
        <Button
        android:id="@+id/btFour"
        android:background="@drawable/white_select"
        android:layout_width="75dp"
        android:layout_height="60dp"
        android:textSize="20sp"
        android:text="4" />
        <Button
        android:id="@+id/btFive"
        android:background="@drawable/white_select"
        android:layout_marginLeft="5dp"
        android:layout_width="75dp"
        android:layout_height="60dp"
        android:textSize="20sp"
        android:text="5" />
        <Button
        android:id="@+id/btSix"
        android:background="@drawable/white_select"
        android:layout_marginLeft="5dp"
        android:layout_width="75dp"
        android:layout_height="60dp"
        android:textSize="20sp"
        android:text="6" />
        <Button
        android:id="@+id/btJia"
        android:background="@drawable/white_select"
        android:layout_marginLeft="5dp"
        android:layout_width="75dp"
        android:layout_height="60dp"
        android:textSize="20sp"
        android:text="+" />
    </LinearLayout>
    
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:gravity="center_horizontal"
        android:orientation="horizontal" >
        <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical" > 
        	<LinearLayout
        	android:layout_width="wrap_content"
        	android:layout_height="wrap_content"
        	android:orientation="horizontal" >
        		<Button
	        	android:id="@+id/btOne"
	        	android:background="@drawable/white_select"
	        	android:layout_width="75dp"
	        	android:layout_height="60dp"
	        	android:textSize="20sp"
	        	android:text="1" />
	        	<Button
	        	android:id="@+id/btTwo"
	        	android:background="@drawable/white_select"
	        	android:layout_marginLeft="5dp"
	        	android:layout_width="75dp"
	        	android:layout_height="60dp"
	        	android:textSize="20sp"
	        	android:text="2" />
	        	<Button
	        	android:id="@+id/btThree"
	        	android:background="@drawable/white_select"
	        	android:layout_marginLeft="5dp"
	        	android:layout_width="75dp"
	        	android:layout_height="60dp"
	        	android:textSize="20sp"
	        	android:text="3" /> 
        	</LinearLayout> 
        	<LinearLayout
        	android:layout_width="wrap_content"
        	android:layout_height="wrap_content"
        	android:layout_marginTop="5dp"
        	android:orientation="horizontal" >
        		<Button
	        	android:id="@+id/btZero"
	        	android:background="@drawable/white_select"
	        	android:layout_width="155dp"
	        	android:layout_height="60dp"
	        	android:textSize="20sp"
	        	android:text="0" />
	        	<Button
	        	android:id="@+id/btPoint"
	        	android:background="@drawable/white_select"
	        	android:layout_marginLeft="5dp"
	        	android:layout_width="75dp"
	        	android:layout_height="60dp"
	        	android:textSize="20sp"
	        	android:text="." />
        	</LinearLayout> 
        </LinearLayout> 
        <Button
        	android:layout_width="75dp" 
        	android:background="@drawable/orange_select"
        	android:layout_height="125dp"
        	android:text="="
        	android:layout_marginLeft="5dp"
        	android:textSize="20sp"
        	android:gravity="center"
        	android:id="@+id/btEqu">        	    
        </Button>     
    </LinearLayout>
</LinearLayout>


2.等号按钮和其余按钮的背景及点击效果不同。orange_select.xml页面是等号按钮的背景页面。
orange_select.xml页面:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@drawable/orange_bg" android:state_pressed="false"></item> <!-- 不点击时背景为orange_bg.xml页面的效果 -->
	<item android:drawable="@drawable/khaki_bg" android:state_pressed="true"></item>   <!-- 点击时背景为khaki_bg.xml页面的效果 -->
</selector>


3.orange_bg.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="#ff9900"/>
</shape>


4.khaki.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="#cc6600"/>
</shape>


5.white_select.xml页面是其余按钮的背景页面。
white_select页面:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@drawable/white_bg" android:state_pressed="false"></item>
	<item android:drawable="@drawable/gray_bg" android:state_pressed="true"></item>
</selector>


6.white_bg.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"/>
</shape>


7.gray_bg.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="#cccccc"/>
</shape>


8.MainActivity.java处理按钮的点击事件以及数值运算。
MainActivity.java页面:
package com.example.jisuanqi;

import android.os.Bundle;
import android.app.Activity;
import android.util.Log;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;

public class MainActivity extends Activity implements OnClickListener{

	private EditText etInput;     //实例输入框
	private Button btOne;         //实例所有按钮
	private Button btTwo;
	private Button btThree;
	private Button btFour;
	private Button btFive;
	private Button btSix;
	private Button btSeven;
	private Button btEight;
	private Button btNine;
	private Button btZero;
	private Button btPoint;
	private Button btJia;
	private Button btJian;
	private Button btMul;
	private Button btDivide;
	private Button btEqu;
	private Button btClear;
	private Button btDel;
	boolean clear_flag;           //清空标识,当用户点击等号完成一次运算时进行清空
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		etInput=(EditText) findViewById(R.id.etInput);     //获取输入框的id
		btOne=(Button) findViewById(R.id.btOne);           //获取所有按钮的id
		btTwo=(Button) findViewById(R.id.btTwo);
		btThree=(Button) findViewById(R.id.btThree);
		btFour=(Button) findViewById(R.id.btFour);
		btFive=(Button) findViewById(R.id.btFive);
		btSix=(Button) findViewById(R.id.btSix);
		btSeven=(Button) findViewById(R.id.btSeven);
		btEight=(Button) findViewById(R.id.btEight);
		btNine=(Button) findViewById(R.id.btNine);
		btZero=(Button) findViewById(R.id.btZero);
		btPoint=(Button) findViewById(R.id.btPoint);
		btJia=(Button) findViewById(R.id.btJia);
		btJian=(Button) findViewById(R.id.btJian);
		btMul=(Button) findViewById(R.id.btMul);
		btDivide=(Button) findViewById(R.id.btDivide);
		btEqu=(Button) findViewById(R.id.btEqu);
		btClear=(Button) findViewById(R.id.btClear);
		btDel=(Button) findViewById(R.id.btDel);
		
		btOne.setOnClickListener(this);     //设置点击事件,因为MainActivity已经实现了OnClickListener接口,所以只需要参数只需要传this
		btTwo.setOnClickListener(this);
		btThree.setOnClickListener(this);
		btFour.setOnClickListener(this);
		btFive.setOnClickListener(this);
		btSix.setOnClickListener(this);
		btSeven.setOnClickListener(this);
		btEight.setOnClickListener(this);
		btNine.setOnClickListener(this);
		btZero.setOnClickListener(this);
		btPoint.setOnClickListener(this);
		btJia.setOnClickListener(this);
		btJian.setOnClickListener(this);
		btMul.setOnClickListener(this);
		btDivide.setOnClickListener(this);
		btEqu.setOnClickListener(this);
		btClear.setOnClickListener(this);
		btDel.setOnClickListener(this);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

	@Override
	public void onClick(View v) {
		// TODO Auto-generated method stub
		String etinput=etInput.getText().toString();    //获取输入框中的内容并转化为String类型
		switch(v.getId()){                              //判断点击按钮的id
			case R.id.btZero:
			case R.id.btOne:
			case R.id.btTwo:
			case R.id.btThree:
			case R.id.btFour:
			case R.id.btFive:
			case R.id.btSix:
			case R.id.btSeven:
			case R.id.btEight:				
			case R.id.btNine:
			case R.id.btPoint:
				if(clear_flag){
					clear_flag=false;
					etinput="";
					etInput.setText("");
				}
				etInput.setText(etinput+((Button)v).getText());   //点击数字和小数点直接显示内容
				break;
			case R.id.btJia:
			case R.id.btJian:
			case R.id.btMul:
			case R.id.btDivide:
				if(clear_flag){
					clear_flag=false;
					etinput="";
					etInput.setText("");    //当clear_flag为true时进入if语句,并可以清空,代表用户点击了等于号完成一次运算,并使clear_flag变成了true
				}
				etInput.setText(etinput+" "+((Button)v).getText()+" ");   //点击运算符也是直接显示,但是为了后边运算要在运算符两侧加上空格
				break;
			case R.id.btDel:
				if(clear_flag){
					clear_flag=false;
					etinput="";
					etInput.setText("");
				}else if(etinput!=null&&!etinput.equals("")){
					etInput.setText(etinput.substring(0,etinput.length()-1));  //如果输入框内容不为空,则去掉最后一位
				}
				break;
			case R.id.btClear:
				clear_flag=false;
				etinput="";
				etInput.setText("");    //直接设置输入框为空
				break;
			case R.id.btEqu:
				getResult();            //点击等号调用getResult()方法
				break;
		}
	}
	public void getResult(){
		String exp=etInput.getText().toString();  //获取输入框的内容
		if(exp==null||exp.equals("")){
			return;
		}
		if(!exp.contains(" ")){                   //判断输入框是否包含空格,也就是没有点击运算符
			return;
		}
		if(clear_flag){                           //点击等号clear_flag为true,当再点击别的数字或运算符时才会变为false,如果连续点击等号,则第二次点击无效,直接返回
			clear_flag=false;
			return;
		}
		clear_flag=true;
		double result=0;
		String s1=exp.substring(0,exp.indexOf(" "));                     //运算符前面的字符串
		String op=exp.substring(exp.indexOf(" ")+1,exp.indexOf(" ")+2);  //运算符,是根据运算符前边的空格计算的
		String s2=exp.substring(exp.indexOf(" ")+3);                     //运算符后边的字符串
		if(!s1.equals("")&&!s2.equals("")){
			double d1=Double.parseDouble(s1);                            //将字符串转换为double类型
			double d2=Double.parseDouble(s2);
			if(op.equals("+")){
				result=d1+d2;
			}else if(op.equals("-")){
				result=d1-d2;
			}else if(op.equals("*")){
				result=d1*d2;
			}else if(op.equals("/")){
				if(d2==0){          //判断除数为0的情况
					result=0;
				}else{
					result=d1/d2;
				}
			}
			if(!s1.contains(".")&&!s2.contains(".")&&!op.equals("/")){   //如果两个数都是整形,那么结果就需要显示为整数
				int r=(int)result;                                       //将String型计算结果强制转换为整形
				etInput.setText(r+"");
			}else{
				etInput.setText(result+"");
			}
		}else if(!s1.equals("")&&s2.equals("")){         //如果用户输入一个数字就点击运算符,那么将不计算
			etInput.setText(exp);
		}else if(s1.equals("")&&!s2.equals("")){         //如果一上来就点击运算符并输入第二个数,那么第一个数默认为0
			double d2=Double.parseDouble(s2);
			if(op.equals("+")){
				result=0+d2;
			}else if(op.equals("-")){
				result=0-d2;
			}else if(op.equals("*")){
				result=0;
			}else if(op.equals("/")){
				result=0;
			}
			if(!s1.contains(".")&&!s2.contains(".")&&!op.equals("/")){
				int r=(int)result;
				etInput.setText(r+"");
			}else{
				etInput.setText(result+"");
			}
		}else{
			etInput.setText("");
		}
	}

}


9.程序完成就可以运行了。因为是简易计算器,所以还不能进行连续的加减乘除。



展开阅读全文

没有更多推荐了,返回首页