Avance.Lab

技術紹介

C#に挑戦　電卓を作ってみよう～第2回～

公開日：2026.03.13　更新日：2026.03.13

tag: Windows

前回は電卓のGUIと仕様を決めました。

C#に挑戦　電卓を作ってみよう～第１回～

今回は表示関係やボタンの処理をコードを見ながら解説したいと思います。

１．仕様のおさらい

ボタンを押された時の仕様をおさらいしましょう。

・数字ボタンを押された時、TextBoxへ数字を追加していく。
・演算ボタンが押された時、TextBoxに表示されている数値を内部に保持する。

この二つになります。

２．数字ボタンが押された時の処理について

まずはデザイン画面で処理を追加したいボタンをダブルクリックしましょう。
するとボタンが押された時に実行される関数が自動で作成されます。

ボタン「１」をダブルクリックした際に作成されるコード

private void button_Num1_Click(object sender, EventArgs e)
{
}

こちらの自動生成されたコードに対してTextBoxへ数字のTextを追加する処理を追加しましょう。

TextBoxへの文字列の追記は

textBox1.Text += "1";

これで追記できます。
実際の動きを見てみましょう。TextBoxに「０」が表示されている状態で「１」ボタンを押すと・・・

はい。確かに数字が後ろに追加されています。
仕様通りですね！
でも電卓としてはどうでしょうか？こんな電卓はないですね。
仕様通りだからと言ってこれでOKではありません。
作りたいものを理解し、その仕様に合った実装を心がけましょう。

3．表示「０」について考える。

電卓として正しい動きをしてほしいので「０」だけの時は数値ボタンが押された時
「０」を消して数値を追記しましょう。

では「０」だけ表示されていることを判定できる処理を考えましょう。

string strGetData = textBox1.Text;
if (strGetData == "0")
{
}

この処理で現在TextBoxに表示されている文字列を取得でき、
「０」と完全一致しているか？の判定ができます。

この処理を数値ボタンが押された後、数値をセットする前に入れてあげれば
「０」への対策は完了です。

以下「１」が押された後です。

ばっちりですね。

４．関数化

さて先ほど「０」を判定した処理ですが、各ボタンのテキスト設定前にいれるとなると・・・

private void button_Num1_Click(object sender, EventArgs e)
{
   string strGetData = textBox1.Text;
   if (strGetData == "0")
   {
      textBox1.Text = "1";
   }
   else
   {
      textBox1.Text += "1";
   }
}

ぱっと見わかりづらいですね。
では先ほどの判定処理を関数化しましょう。

// 最初にボタンが押された時のチェック処理
private void DataFastSetCheck()
{
   string strGetData = textBox1.Text;
   if (strGetData == "0")
   {
      textBox1.Text = "";
   }
}

今回は条件に一致した場合、TextBoxの表示をクリアするようにしました。
これにより、この関数が呼ばれた後の処理が共通化できるためです。

private void button_Num1_Click(object sender, EventArgs e)
{
   DataFastSetCheck();
   textBox1.Text += "1";
}

private void button_Num2_Click(object sender, EventArgs e)
{
   DataFastSetCheck();
   textBox1.Text += "2";
}

この関数については人によっては「０」だった場合戻り値でTRUEを返したりと
人によっていろいろなパターンがあると思います。
好みの実装をしましょう。

関数化したことでスッキリ見やすく、メンテナンス性もあがりましたね。

5.　あとがき

今回はボタンの処理、表示関係を説明しました。
次回は演算ボタンの処理について解説したいと思います。
mit 3

小物集め大好きな3児の父。
最近はゴルフにはまっています。

関連記事