[Android] 簡易電卓アプリ

[Android] 簡易電卓アプリ
================================================================================

単純な機能の電卓アプリ。
つぎのように、単純な機能しか持たない。
    ・ひとつの演算子に対して必ず「=」を押す
    ・連続して複数の演算子を使えない
    ・「=」の後も続けて計算はできない

Android アプリケーションを作るときの基本的な要素しか使っていない。
    LinearLayout
    TextView
    Button

ボタン押下時のハンドラーも、android:onClick 属性で指定している。
    onNumberButtonClick      0 ～ 9 の数字ボタンをクリックしたとき
    onOperatorButtonClick    演算子のボタンをクリックしたとき
    onClearButtonClick       クリア・ボタンをクリックしたとき
    onEqualButtonClick       「=」ボタンをクリックしたとき


▲ レイアウト

4x4 を、LinearLayout と android:layout_weight を使って実現している。

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

    <TextView
        android:id="@+id/RESULT_VIEW"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="right"
        android:text="0"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <Button
            android:id="@+id/NUMBER_BUTTON7"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="onNumberButtonClick"
            android:text="7"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <Button
            android:id="@+id/NUMBER_BUTTON8"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="onNumberButtonClick"
            android:text="8"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <Button
            android:id="@+id/NUMBER_BUTTON9"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="onNumberButtonClick"
            android:text="9"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <Button
            android:id="@+id/DIVIDE_BUTTON"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="onOperatorButtonClick"
            android:text="÷"
            android:textAppearance="?android:attr/textAppearanceLarge" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <Button
            android:id="@+id/NUMBER_BUTTON4"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="onNumberButtonClick"
            android:text="4"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <Button
            android:id="@+id/NUMBER_BUTTON5"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="onNumberButtonClick"
            android:text="5"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <Button
            android:id="@+id/NUMBER_BUTTON6"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="onNumberButtonClick"
            android:text="6"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <Button
            android:id="@+id/MULTIPLY_BUTTON"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="onOperatorButtonClick"
            android:text="×"
            android:textAppearance="?android:attr/textAppearanceLarge" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <Button
            android:id="@+id/NUMBER_BUTTON1"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="onNumberButtonClick"
            android:text="1"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <Button
            android:id="@+id/NUMBER_BUTTON2"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="onNumberButtonClick"
            android:text="2"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <Button
            android:id="@+id/NUMBER_BUTTON3"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="onNumberButtonClick"
            android:text="3"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <Button
            android:id="@+id/SUBTRACT_BUTTON"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="onOperatorButtonClick"
            android:text="－"
            android:textAppearance="?android:attr/textAppearanceLarge" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <Button
            android:id="@+id/NUMBER_BUTTON0"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="onNumberButtonClick"
            android:text="0"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <Button
            android:id="@+id/CLEAR_BUTTON"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="onClearButtonClick"
            android:text="C"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <Button
            android:id="@+id/EQUAL_BUTON"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="onEqualButtonClick"
            android:text="＝"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <Button
            android:id="@+id/ADD_BUTTON"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:onClick="onOperatorButtonClick"
            android:text="＋"
            android:textAppearance="?android:attr/textAppearanceLarge" />
    </LinearLayout>

    <TextView
        android:id="@+id/GUID_VIEW"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/guide" />

</LinearLayout>
---

---
★ @+id でつける名前だが、R クラスでは public static final int で宣言されている
ので、通常の Java の定数のように、すべて大文字で記述したほうがよいように思える。
アクティビティなんかで、switch-case を使っていると、大文字のほうがしっくりくる感
じだ。
---


▲ アクティビティ


□ Calculator01Activity.java
---
package jp.marunomaruno.android.calculator;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import jp.marunomaruno.android.calculator.R;

/**
 * 簡易電卓のアクティビティ。
 * @author marunomaruno
 *
 */
public class Calculator01Activity extends Activity {
    private int number = 0;    // 入力された数字
    private int result = 0;    // 計算結果
    private int operatorId;    // 演算子のリソースID

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }

    /**
     * 数字のボタンがクリックされたときのハンドラー。
     * @param view
     */
    public void onNumberButtonClick(View view) {
        Button button = (Button) view;
        number = number * 10 + Integer.parseInt(button.getText().toString());
        show(number);
    }

    /**
     * 演算子のボタンがクリックされたときのハンドラー。
     * @param view
     */
    public void onOperatorButtonClick(View view) {
        operatorId = view.getId();
        result = number;
        number = 0;
    }

    /**
     * 「=」ボタンがクリックされたときのハンドラー。
     * @param view
     */
    public void onEqualButtonClick(View view) {
        switch (operatorId) {
        case R.id.ADD_BUTTON:
            result += number;
            break;

        case R.id.SUBTRACT_BUTTON:
            result -= number;
            break;

        case R.id.MULTIPLY_BUTTON:
            result *= number;
            break;

        case R.id.DIVIDE_BUTTON:
            result /= number;
            break;

        default:
            assert false;
            break;
        }

        number = 0;
        show(result);
    }

    /**
     * クリア・ボタンがクリックされたときのハンドラー。
     * @param view
     */
    public void onClearButtonClick(View view) {
        number = 0;
        result = 0;
        operatorId = 0;
        show(number);
    }

    /**
     * 指定された数値を表示する。
     * @param number 表示する数値
     */
    private void show(int number) {
        TextView resultView = (TextView) findViewById(R.id.RESULT_VIEW);
        resultView.setText(Integer.toString(number));
    }
}
---


▲ リソース

□ res/values/strings.xml
---
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="app_name">簡易電卓</string>
    <string name="guide">
            ・ひとつの演算子に対して必ず「=」を押す¥n
            ・連続して複数の演算子を使えない¥n
            ・「=」の後も続けて計算はできない¥n
    </string>
</resources>
---


■ 発展

つぎのようなことを考慮して、改良する。
    ・レイアウトを整える
    ・演算子を連続して使えるようにする
    ・「=」の後に続けて演算子を使えるようにする
    ・式も表示できるようにする
    ・他の演算子（平方根や三角など）をつけて、関数電卓にする
    ・16進数が使えるようにする
    ・結果がlong型まで大丈夫にする
    ・数値の桁数の制限をなくす
    ・入力に対して undo する
    ・画面の縦横が変わっても、計算結果を失わないようにする
    ・例外を出さないようにする

                                                                            以上