【移动应用开发技术】Android如何实现简易计算器小程序

【移动应用开发技术】Android如何实现简易计算器小程序

这篇文章将为大家详细讲解有关Android如何实现简易计算器小程序，在下觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。具体内容如下目标效果：

通过编写代码，可以实现整数和小数的加减乘除运算，以及删除和清空的功能。1.页面中Button使用的是线性布局，最外边一个是父布局，第一行C,DEL,/，*为第一个子布局，第二行7，8，9，-为第二个子布局，第三行4，5，6，+为第三个子布局，第四五行为第四个子布局，第四个子布局中还有两个相当于是孙布局的级别，1，2，3为第一个孙布局，0和.为第二个孙布局，=在两个孙布局之外第四个子布局以内。因为计算器的水平竖直排列十分鲜明，所以可以用线性布局，当然也可以用表格布局来进行排布。2.activity_main.xml页面用于存放所有控件。activity_main.xml页面：<LinearLayout

xmlns:android="/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="/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="/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="/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="/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="/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="/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("

"));

//运算符前面的字