Avance.Lab

技術紹介

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

公開日：2025.04.04　更新日：2025.04.04

tag: Windows

今回はC#を今から勉強する方向けの記事です。
作成するのは電卓です。
電卓ってボタン機能、表示機能があり、
演算処理はクラス化したりと初心者が触るのにぴったりな課題なんです。
ではさくっと作ってみましょう。

１．電卓の仕様について

今回開発環境はVisual Studio 2022を使用しています。

機能は四則演算ができること
表示している値の削除機能は無し

２．プロジェクトの作成

まずはプロジェクトを作成しましょう。
今回は単独アプリの作成をしたいのでWindowsフォームアプリで作成します。
空のプロジェクトから作成するとなにもないプロジェクトが作成されますが、
最初から色々出来ているほうが楽ですのでMFCヘッダーにチェックを入れて作成します。

３．コントロールの配置とプロパティ

次に電卓のUIを作成しましょう。
左のツールボックスからButtonとTextBoxを配置しましょう。

今回、各コントロールのプロパティは「Name」と「Text」を変更します。
各ボタンについては、電卓と同じ配置になるようにTextを変更します。

Nameについては、「コントロール名＋機能」としました。
可読性を上げるため細かいことですがこういう作業も必要です。

４．演算の仕方、仕様について

さて、UIが完成したところでここからが人それぞれ個性が出るところです。
計算方法はどのように実装しますか？

以下、２つのパターンを考えてみましょう。

①：ボタンが押されるたびに、データを内部的に保存していくパターン

②：ボタンが押されたらテキストボックスへ表示、「演算ボタン」が押されたタイミングで
テキストボックスに表示されている文字を値として保持するパターン

５．パターン①について検討

このパターンで対応が必要なのは、入力された値をどのように保持していくか。
「１」を押された後に「０」が押されたら内部の値は「１０」になりますね？
では保持する変数を整数型として宣言した場合を考えましょう。
単純に、ボタンの値を整数としてとらえると、「１」＋「０」をしたら「１」になってしまいます。

押されたタイミングで押したボタンの回数を別変数として保持して、今何桁押されたのか保持し、
「１」×「ボタンを押した回数から桁数を算出」＋「０」×「ボタンを押した回数から桁数を算出」
このような形でもできると思います。少し複雑ですが面白い考え方かと思います。
ただ、これは可読性が低く、ぱっとコードを見ただけでは何をやっているかわかりにくいですね。
「ボタンを押した回数から桁数を算出」こちらの処理もちょっと考える必要があります。

では整数型ではなく、文字列として保持するようにしましょう。
String型であれば変数に対して追記していくということができますので
押されるたびに後ろから追記していく形にしましょう。
そして演算ボタンが押されたタイミングで整数変換して演算する。

こちらも悪くないですが、文字列として保持し、文字列を数値に変換して演算するというのは
少し可読性が悪い気がします。

６．パターン②について検討

ボタンが押された時にTextBoxへ押された数値を追記していきます。
演算ボタンが押されたタイミングでTextBoxの文字列を取得し、数値へ変換して内部に保持しましょう。

「５．パターン①について検討」で検討している二つ目のパターンと似ていますが、
各ボタンが押された時の処理が単純になるのはこちらの方ですので
今回はこの案で対応しましょう。

というわけで、内部仕様を簡単にまとめます。
・数字ボタンが押された時、TextBoxへ数字を表示する
・演算ボタンが押された時、TextBoxから文字列を取得、数値へ変換して保持する

7.　あとがき

今回は枠の作成、内部仕様の検討を行いました。
次回は表示関係やボタンの処理をコードを見ながら解説したいと思います。
mit 3

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

関連記事