26
2017
09

写代码的点点滴滴之第四天——实现一个简单的计算器

实现一个简单的计算器。
1.UI设计

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical">

    <!--显示屏-->
    <EditText  android:layout_marginLeft="10dp" android:layout_marginRight="10dp" android:layout_width="match_parent" android:layout_height="60dp" android:id="@+id/et_input" android:background="@drawable/white_bg" android:editable="false" android:gravity="right|bottom" android:text="0" android:textSize="40dp" />

    <!--第一行布局包括“C"、"DEL"、"÷"、“×”-->
    <LinearLayout  android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="20dp" android:layout_marginLeft="20dp" android:orientation="horizontal">

        <Button  android:id="@+id/btn_clear" android:layout_width="80dp" android:layout_height="80dp" android:background="@drawable/white_selector" android:gravity="bottom|right" android:text="C" android:textSize="25sp" />

        <Button  android:id="@+id/btn_del" android:layout_width="80dp" android:layout_height="80dp" android:layout_marginLeft="10dp" android:gravity="bottom|right" android:background="@drawable/white_selector" android:text="DEL" android:textSize="25sp" />

        <Button  android:id="@+id/btn_divide" android:layout_width="80dp" android:layout_height="80dp" android:background="@drawable/white_selector" android:layout_marginLeft="10dp" android:gravity="bottom|right" android:text="÷" android:textSize="25sp" />

        <Button  android:id="@+id/btn_multiply" android:layout_width="80dp" android:layout_height="80dp" android:background="@drawable/white_selector" android:layout_marginLeft="10dp" android:layout_marginRight="20dp" android:gravity="bottom|right" android:text="*" android:textSize="25sp" />


    </LinearLayout>

    <!--第二行布局包括“7"、"8"、"9"、“-”-->
    <LinearLayout  android:layout_marginTop="10dp" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal">


        <Button  android:id="@+id/btn_7" android:layout_width="80dp" android:layout_height="80dp" android:background="@drawable/white_selector" android:layout_marginLeft="20sp" android:gravity="bottom|right" android:text="7" android:textSize="25sp" />

        <Button  android:id="@+id/btn_8" android:layout_width="80dp" android:layout_height="80dp" android:background="@drawable/white_selector" android:layout_marginLeft="10dp" android:gravity="bottom|right" android:text="8" android:textSize="25sp" />

        <Button  android:id="@+id/btn_9" android:layout_width="80dp" android:layout_height="80dp" android:background="@drawable/white_selector" android:layout_marginLeft="10dp" android:gravity="bottom|right" android:text="9" android:textSize="25sp" />

        <Button  android:id="@+id/btn_minus" android:layout_width="80dp" android:layout_height="80dp" android:background="@drawable/white_selector" android:layout_marginLeft="10dp" android:layout_marginRight="20dp" android:gravity="bottom|right" android:text="-" android:textSize="25sp" />


    </LinearLayout>

    <!--第三行布局包括“4"、"5"、"6"、“+”-->
    <LinearLayout  android:layout_marginTop="10dp" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal">


        <Button  android:id="@+id/btn_4" android:layout_width="80dp" android:layout_height="80dp" android:background="@drawable/white_selector" android:layout_marginLeft="20sp" android:gravity="bottom|right" android:text="4" android:textSize="25sp" />

        <Button  android:id="@+id/btn_5" android:layout_width="80dp" android:layout_height="80dp" android:background="@drawable/white_selector" android:layout_marginLeft="10dp" android:gravity="bottom|right" android:text="5" android:textSize="25sp" />

        <Button  android:id="@+id/btn_6" android:layout_width="80dp" android:layout_height="80dp" android:background="@drawable/white_selector" android:layout_marginLeft="10dp" android:gravity="bottom|right" android:text="6" android:textSize="25sp" />

        <Button  android:id="@+id/btn_plus" android:layout_width="80dp" android:layout_height="80dp" android:background="@drawable/white_selector" android:layout_marginLeft="10dp" android:gravity="bottom|right" android:text="+" android:textSize="25sp" />
    </LinearLayout>
    <!--最后两行-->
    <LinearLayout  android:layout_marginTop="10dp" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal">

        <!--左边两行-->
        <LinearLayout  android:layout_marginLeft="20dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical">

           <!--左边第一行1、2、3-->
            <LinearLayout  android:orientation="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content">

                <Button  android:id="@+id/btn_1" android:layout_width="80dp" android:layout_height="80dp" android:background="@drawable/white_selector" android:text="1" android:gravity="bottom|right" android:textSize="25sp"/>

                <Button  android:id="@+id/btn_2" android:layout_width="80dp" android:layout_height="80dp" android:background="@drawable/white_selector" android:layout_marginLeft="10dp" android:text="2" android:gravity="bottom|right" android:textSize="25sp"/>

                <Button  android:id="@+id/btn_3" android:layout_width="80dp" android:layout_height="80dp" android:background="@drawable/white_selector" android:layout_marginLeft="10dp" android:text="3" android:gravity="bottom|right" android:textSize="25sp"/>
            </LinearLayout>
            <!--左边第二行0,.-->
            <LinearLayout  android:layout_marginTop="10dp" android:orientation="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content">

                <Button  android:id="@+id/btn_0" android:layout_width="170dp" android:layout_height="80dp" android:background="@drawable/white_selector" android:text="0" android:gravity="bottom|right" android:textSize="25sp"/>

                <Button  android:id="@+id/btn_point" android:layout_width="80dp" android:layout_height="80dp" android:background="@drawable/white_selector" android:layout_marginLeft="10dp" android:text="." android:gravity="bottom|right" android:textSize="25sp"/>


            </LinearLayout>

        </LinearLayout>

        <!--右边两行-->
        <LinearLayout  android:layout_height="wrap_content" android:layout_width="110dp" >

            <Button  android:layout_width="80dp" android:id="@+id/btn_equal" android:text="=" android:textSize="25sp" android:background="@drawable/orange_selector" android:gravity="bottom|right" android:layout_marginLeft="10dp" android:layout_height="170dp" />


        </LinearLayout>


    </LinearLayout>

</LinearLayout>

2.控件背景及点击变化资源

  • 灰色背景作为等号按钮按下的背景色
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="5dp" />
    <solid android:color="#1e1515" />
</shape>
  • 白色背景作为按钮的背景色
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="5dp" />
    <solid android:color="#ffff" />

</shape>
  • 橘黄色背景作为“=”按钮的背景色
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="5dp" />
    <solid android:color="#e7ce11" />
</shape>
  • 灰色背景作为白色按钮点击之后呈现的背景
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="5dp" />
    <solid android:color="#52595656" />
</shape>
  • 白色选择器,按下状态是灰色,否则是白色
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/gray_bg" android:state_pressed="true" />
    <item android:drawable="@drawable/white_bg" />
</selector>
  • 橘黄色选择器,按下状态是灰色,否则是白色
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/ashen_bg" android:state_pressed="true" />
    <item android:drawable="@drawable/orange_bg" />
</selector>

2.MainActivity部分

package com.chery.frida.calculatordemo;

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

public class MainActivity extends Activity implements View.OnClickListener {
    public static final String TAG = "MyActivity";

    private Button btn0, btn1, btn2, btn3, btn4, btn5, btn6, btn7, btn8, btn9, btnClear, btnDel, btnPlus, btnMinus, btnMultiply, btnDivide, btnEqual, btnPoint;
    private EditText etInput;
    String string = "";
    private boolean clear_flag=false;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btnEqual = (Button) findViewById(R.id.btn_equal);
        btn1 = (Button) findViewById(R.id.btn_1);
        btn2 = (Button) findViewById(R.id.btn_2);
        btn3 = (Button) findViewById(R.id.btn_3);
        btn4 = (Button) findViewById(R.id.btn_4);
        btn5 = (Button) findViewById(R.id.btn_5);
        btn6 = (Button) findViewById(R.id.btn_6);
        btn7 = (Button) findViewById(R.id.btn_7);
        btn8 = (Button) findViewById(R.id.btn_8);
        btn9 = (Button) findViewById(R.id.btn_9);
        btnClear = (Button) findViewById(R.id.btn_clear);
        btnDel = (Button) findViewById(R.id.btn_del);
        btnPlus = (Button) findViewById(R.id.btn_plus);
        btnMinus = (Button) findViewById(R.id.btn_minus);
        btnMultiply = (Button) findViewById(R.id.btn_multiply);
        btnDivide = (Button) findViewById(R.id.btn_divide);
        btnPoint = (Button) findViewById(R.id.btn_point);
        btn0 = (Button) findViewById(R.id.btn_0);
        etInput = (EditText) findViewById(R.id.et_input);

        btn0.setOnClickListener(this);
        btn1.setOnClickListener(this);
        btn2.setOnClickListener(this);
        btn3.setOnClickListener(this);
        btn4.setOnClickListener(this);
        btn5.setOnClickListener(this);
        btn6.setOnClickListener(this);
        btn7.setOnClickListener(this);
        btn8.setOnClickListener(this);
        btn9.setOnClickListener(this);
        btnPlus.setOnClickListener(this);
        btnDivide.setOnClickListener(this);
        btnMinus.setOnClickListener(this);
        btnMultiply.setOnClickListener(this);
        btnClear.setOnClickListener(this);
        btnDel.setOnClickListener(this);
        btnEqual.setOnClickListener(this);
        btnPoint.setOnClickListener(this);

    }

    @Override
    public void onClick(View view) {
        switch (view.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 == true) {
                    clear_flag = false;
                    string = ((Button)view).getText().toString();
                    etInput.setText(string);
                } else {
                    string = string + ((Button) view).getText().toString();
                    etInput.setText(string);
                    Log.d(TAG, string);
                }
                break;
            case R.id.btn_plus:
            case R.id.btn_minus:
            case R.id.btn_divide:
            case R.id.btn_multiply:
                string = string + " " + ((Button) view).getText().toString() + " ";
                etInput.setText(string);
                break;
            case R.id.btn_clear:
                clear_flag=false;
                string = "";
                etInput.setText(string);
                break;
            case R.id.btn_del:
                if (string != null && !string.equals("")) {
                    string = string.substring(0, string.length() - 1);
                    etInput.setText(string);
                }
                break;

            case R.id.btn_equal:
                getResult();
        }
    }

    private void getResult() {

        double result = 0;
        String s1 = string.substring(0, string.indexOf(" "));
        Log.i(TAG, s1);
        String op = string.substring(string.indexOf(" ") + 1, string.indexOf(" ") + 2);
        Log.i(TAG, op);
        String s2 = string.substring(string.indexOf(" ") + 3);
        Log.i(TAG, s2);

        //没有输入的情况
        if (string == null || string.equals(" ")) {
            return;
        }

        //没有输入运算符号的情况
        if (!string.contains(" ")) {
            return;
        }

//        s1、s2都不会为空的情况
        if (!s1.equals(" ") && !s2.equals(" ")) {
            double d1 = Double.parseDouble(s1);
            double d2 = Double.parseDouble(s2);
            if (op.equals("+")) {
                result = d1 + d2;
                Log.i(TAG, Double.toString(result));
            } else if (op.equals("-")) {
                result = d1 - d2;
                Log.i(TAG, Double.toString(result));
            } else if (op.equals("*")) {
                result = d1 * d2;
                Log.i(TAG, Double.toString(result));
            } else {
                if (d2 == 0) {
                    result = 0;
                    Log.i(TAG, Double.toString(result));
                } else {
                    result = d1 / d2;
                    Log.i(TAG, Double.toString(result));

                }
            }
            etInput.setText(Double.toString(result));
            clear_flag = true;

        }

//        s1不为空,s2为空的情况
        if (!s1.equals("") && s2.equals("")) {
            result = Double.parseDouble(s1);
            etInput.setText(s1);
            clear_flag=true;
        }

        //s1为空,s2不为空的情况
        if (s1.equals("") && !s2.equals("")) {
            double d2 = Double.parseDouble(s2);
            if (op.equals("+")) {
                result = 0 + d2;
                Log.i(TAG, Double.toString(result));
            } else if (op.equals("-")) {
                result = 0 - d2;
                Log.i(TAG, Double.toString(result));
            } else if (op.equals("×")) {
                result = 0 * d2;
                Log.i(TAG, Double.toString(result));
            } else {
                result = 0;
            }
            etInput.setText(Double.toString(result));
            clear_flag = true;
        }

//        s1为空,s2为空的情况,即只有运算符号的情况
        if (s1.equals("") && s2.equals("")) {
            result =0;
            etInput.setText(Double.toString(result));
            clear_flag = true;
        }
    }
}

运行出来的效果图如下所示:
这里写图片描述

知识点总结:
1. UI设计的背景图以及点击选择背景的图的方法
2. 计算器的逻辑实现方式是先将所有输入记录在一个字符串中,通过处理字符串的方式来解决运算问题

上一篇:虚拟机内存管理—深入理解Java虚拟机(三) 下一篇:IntentService源码分析