public int TextArea { get; set; } = 0;

using CalcApp.ViewModels;

public MainWindow()
        {
            InitializeComponent();

            DataContext = new MainViewModel();
        }

今度は数字を入力できるようにしたいですね。どのように実装するべきかを検討してみましょう。

まずは桁数の制限を考えず、基本的なロジックを考えていきます。


電卓では、後に押された数字がより低い桁数になります。（小数点は今回は考えません。）

例えば、最初に「１」のボタンを押すと画面には「１」と表示されます。

そのあとに「２」のボタンを押すと、画面には「１２」と表示されます。

単純にテキストとしてこれを表示するだけなら、テキストの末尾に数値を入力していく方式となりますね。


ここから考えられる実装方法としては、一旦はテキスト形式の変数として保持を行い、数字ボタンが入力されるたびにテキスト末尾に入力された数字を追加していき、四則演算のボタンが押された段階でテキストの型を文字型から整数型にキャストする方式です。


文字型を経由しない方式だと、数字ボタンが押されるたびに保持している変数を10倍し、そこに入力された数値を足しこんでいく方式もあります。

入力される桁数は必ずひとケタですので、これでも問題はなさそうですね。


入力データを文字型にしたり整数型にしたりするのは出来れば最小限に抑えたいので、今回は後者の保持している数値データを10倍して入力された数値を足しこむ方式を採用してみようと思います。

ボタンが押された際の処理も考えていきます。

一番単純なのは、ボタンごとに異なる処理を作成しておくことです。

「１」のボタンなら1を足す、「５」のボタンなら5を足す、といった処理をボタン別に作って実装する、少し強引な力技です。


しかしこれでは計算の方式を前者に変えたほうがいい、となってしまった場合に数字ボタンの数だけ処理を作り直さなければなりませんし、何より10つの処理で異なる部分は足しこむ数値だけ、というのは効率が悪く感じます。


ボタンのプロパティから数字を取得するような方法があれば、それをうまく使いたいところです。

今回は電卓系のアプリケーションをMVVMパターンで開発していきました。

といってもまだ起動したときに０が表示されている程度で、どのボタンを押してもなにも変化がありません。

次回はボタンの実装を進めて実際に計算ができるようになるところまで作ることができれば、と思っています。


次回は関数のバインディングを使うことになり、難易度が上がってきます。

私も学習しながらの備忘録ですので拙いところもあるとは思いますが、何かの参考になればと思います。