自制安卓版iPhone计算器

新手初学安卓一周，勿喷。

在看完Activity之后决定做一个计算器。根据网上的资料和慕课网计算器的教材，仿照着做了一个iPone计算器。

先看看效果图

好了，直接给源码，XML用的是LinearLayout, 试过用TableLayout,发现总是会有间距，做出来不像。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    android:orientation="vertical"    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">    <EditText        android:gravity="right|bottom"        android:id="@+id/output"        android:textSize="60dp"        android:background="#000000"        android:textColor="#ffffff"        android:editable="false"        android:layout_width="match_parent"        android:layout_height="100dp" />    <LinearLayout        android:layout_width="match_parent"        android:layout_height="match_parent"        android:orientation="vertical">        <LinearLayout            android:layout_weight="1"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:orientation="horizontal"            >            <Button                android:id="@+id/clear"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_weight="1"                android:layout_margin="0.1dp"                android:background="@drawable/grey_selector"                android:text="AC" />            <Button                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_weight="1"                android:layout_margin="0.1dp"                android:background="@drawable/grey_selector"                android:text="+/-" />            <Button                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_weight="1"                android:layout_margin="0.1dp"                android:background="@drawable/grey_selector"                android:text="%" />            <Button                android:id="@+id/div"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_weight="1"                android:layout_margin="0.1dp"                android:background="@drawable/orange_seletor"                android:text="÷" />        </LinearLayout>        <LinearLayout            android:layout_weight="1"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:orientation="horizontal" >            <Button                android:id="@+id/seven"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_margin="0.1dp"                android:layout_weight="1"                android:background="@drawable/grey_selector"                android:text="7" />            <Button                android:id="@+id/eight"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_margin="0.1dp"                android:layout_weight="1"                android:background="@drawable/grey_selector"                android:text="8" />            <Button                android:id="@+id/nine"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_margin="0.1dp"                android:layout_weight="1"                android:background="@drawable/grey_selector"                android:text="9" />            <Button                android:id="@+id/mul"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_margin="0.1dp"                android:layout_weight="1"                android:background="@drawable/orange_seletor"                android:text="×" />        </LinearLayout>        <LinearLayout            android:layout_weight="1"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:orientation="horizontal" >            <Button                android:id="@+id/four"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_margin="0.1dp"                android:layout_weight="1"                android:background="@drawable/grey_selector"                android:text="4" />            <Button                android:id="@+id/five"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_margin="0.1dp"                android:layout_weight="1"                android:background="@drawable/grey_selector"                android:text="5" />            <Button                android:id="@+id/six"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_margin="0.1dp"                android:layout_weight="1"                android:background="@drawable/grey_selector"                android:text="6" />            <Button                android:id="@+id/sub"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_margin="0.1dp"                android:layout_weight="1"                android:background="@drawable/orange_seletor"                android:text="-" />        </LinearLayout>        <LinearLayout            android:layout_weight="1"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:orientation="horizontal" >            <Button                android:id="@+id/one"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_margin="0.1dp"                android:layout_weight="1"                android:background="@drawable/grey_selector"                android:text="1" />            <Button                android:id="@+id/two"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_margin="0.1dp"                android:layout_weight="1"                android:background="@drawable/grey_selector"                android:text="2" />            <Button                android:id="@+id/three"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_margin="0.1dp"                android:layout_weight="1"                android:background="@drawable/grey_selector"                android:text="3" />            <Button                android:id="@+id/add"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_margin="0.1dp"                android:layout_weight="1"                android:background="@drawable/orange_seletor"                android:text="+" />        </LinearLayout>        <LinearLayout            android:layout_weight="1"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:orientation="horizontal" >            <Button                android:id="@+id/zero"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_weight="1"                android:background="@drawable/grey_selector"                android:text="0" />            <Button                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_weight="1"                android:background="@drawable/grey_selector" />            <Button                android:id="@+id/dot"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_margin="0.1dp"                android:layout_weight="1"                android:background="@drawable/grey_selector"                android:text="." />            <Button                android:id="@+id/equal"                android:layout_width="match_parent"                android:layout_height="match_parent"                android:layout_margin="0.1dp"                android:layout_weight="1"                android:background="@drawable/orange_seletor"                android:text="=" />        </LinearLayout>    </LinearLayout></LinearLayout>

下面是Java的源代码，其思想是慕课网加上自己的一些修改。

package com.example.administrator.calculatoriphone;import android.graphics.Color;import android.graphics.drawable.ColorDrawable;import android.support.v7.app.ActionBar;import android.support.v7.app.ActionBarActivity;import android.os.Bundle;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.widget.Button;import android.widget.EditText;public class MainActivity extends ActionBarActivity implements View.OnClickListener{    /* 数字按钮 */    private Button zero;    private Button one;    private Button two;    private Button three;    private Button four;    private Button five;    private Button six;    private Button seven;    private Button eight;    private Button nine;    //加减乘除    private Button add;    private Button sub;    private Button mul;    private Button div;    //等号，清楚    private Button dot;    private Button equal;    private Button clear;    private EditText output;    String op;    int needclear;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        ActionBar actionBar = getSupportActionBar();        actionBar.hide();        setContentView(R.layout.activity_main);        //初始化        zero = (Button)findViewById(R.id.zero);        one = (Button)findViewById(R.id.one);        two = (Button)findViewById(R.id.two);        three = (Button)findViewById(R.id.three);        four = (Button)findViewById(R.id.four);        five = (Button)findViewById(R.id.five);        six = (Button)findViewById(R.id.six);        seven = (Button)findViewById(R.id.seven);        eight = (Button)findViewById(R.id.eight);        nine = (Button)findViewById(R.id.nine);        add = (Button)findViewById(R.id.add);        sub = (Button)findViewById(R.id.sub);        mul = (Button)findViewById(R.id.mul);        div = (Button)findViewById(R.id.div);        dot = (Button)findViewById(R.id.dot);        equal = (Button)findViewById(R.id.equal);        clear = (Button)findViewById(R.id.clear);        output = (EditText)findViewById(R.id.output);        //设置监听器        zero.setOnClickListener(this);        one.setOnClickListener(this);        two.setOnClickListener(this);        three.setOnClickListener(this);        four.setOnClickListener(this);        five.setOnClickListener(this);        six.setOnClickListener(this);        seven.setOnClickListener(this);        eight.setOnClickListener(this);        nine.setOnClickListener(this);        add.setOnClickListener(this);        sub.setOnClickListener(this);        mul.setOnClickListener(this);        div.setOnClickListener(this);        dot.setOnClickListener(this);        equal.setOnClickListener(this);        clear.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.menu_main, menu);        return true;    }    @Override    public boolean onOptionsItemSelected(MenuItem item) {        // Handle action bar item clicks here. The action bar will        // automatically handle clicks on the Home/Up button, so long        // as you specify a parent activity in AndroidManifest.xml.        int id = item.getItemId();        //noinspection SimplifiableIfStatement        if (id == R.id.action_settings) {            return true;        }        return super.onOptionsItemSelected(item);    }    @Override    public void onClick(View v) {        String str = output.getText().toString();        switch (v.getId()) {            case R.id.zero:            case R.id.one:            case R.id.two:            case R.id.three:            case R.id.four:            case R.id.five:            case R.id.six:            case R.id.seven:            case R.id.eight:            case R.id.nine:            case R.id.dot:                if(needclear == 1){                    output.setText(((Button) v).getText());                    needclear = 0;                }else {                    output.setText(str + ((Button) v).getText());                }                break;            case R.id.add:                op = "add";                output.setText(str + " " + ((Button) v).getText() + " ");                break;            case R.id.sub:                op = "sub";                output.setText(str + " " + ((Button)v).getText() + " ");                break;            case R.id.mul:                op = "mul";                output.setText(str + " " + ((Button)v).getText() + " ");                break;            case R.id.div:                op = "div";                output.setText(str + " " + ((Button)v).getText() + " ");                break;            case R.id.equal:                getResult();                break;            case R.id.clear:                output.setText("");            default:                break;        }    }    private void getResult() {        String exp = output.getText().toString();        int space = exp.indexOf(' ');        //以空格为标志，截取运算符号前后的数字        String s1 = exp.substring(0, space);        String s2 = exp.substring(space + 3);        double arg1 = Double.parseDouble(s1);        double arg2 = Double.parseDouble(s2);        double result = 0;        if (op.equals("add")){            result = arg1 + arg2;        }else if(op.equals("sub")){            result = arg1 - arg2;        }else if (op.equals("mul")) {            result = arg1 * arg2;        }else if (op.equals("div")) {            result = arg1 / arg2;        }else {            return;        }        output.setText(result+"");        needclear = 1;    }}

另外实现点击之后按钮颜色转换是在drawable下面写了资源文件

deep_grey.xml

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

grey_seletor.xml

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:drawable="@drawable/deep_grey" android:state_pressed="true"/>    <item android:drawable="@drawable/light_grey"/></selector>

当然只是实现普通的加减乘除，负号，百分号等其他按钮没有实现，并且里面还是会出现一些或多或少的bug,例如双击等号，会出现错误等。可见一个真正发行的计算器的设计和制作也是相当繁琐的。

原创博客，转载注明出处。参考了http://wenku.baidu.com/view/1284de8ca8956bec0875e349，以及慕课网的安卓入门教学视频。