びおりんのブログ

きままにアプリのできるまでを公開していきます

C#

WPFのMVVMで電卓づくり(15)

指定した有効桁数で出力画面の数値を表示し 桁あふれを起こしたらエラー表示させる機能を実装します 構想 MainModelにて桁あふれを起こしたらエラー表示させる機能を実装します 実装 構想に沿って各MVVMクラスに追記していきます MainModel 有効桁数のフィー…

WPFのMVVMで電卓づくり(14)

百分率で計算するパーセントボタン「%±」を実装します 構想 MainViewにてエラー時無効となるパーセントボタン「%±」を実装します MainModelにてパーセントボタンに対応した内部データの更新処理を実装します 実装 構想に沿って各MVVMクラスに追記していき…

WPFのMVVMで電卓づくり(13)

計算結果の総計を集計するボタン「GT」を実装します 「GT」ボタン1回クリックで現時点での総計を表示させます 「GT」ボタン2回クリックで現時点での総計を破棄させます 構想 MainViewにてエラー時無効となる集計ボタン「GT」とGTマーク表示用画面を実装し…

WPFのMVVMで電卓づくり(12)

出力画面の符号を反転させるボタン「±」を実装します 構想 MainViewにてエラー時無効となる符号反転ボタン「±」を実装します MainModelにて符号反転ボタンに対応した内部データの更新処理を実装します 実装 構想に沿って各MVVMクラスに追記していきます Main…

WPFのMVVMで電卓づくり(11)

数字ボタンと浮動小数点ボタンのクリックをキャンセルするボタン「→」を実装します 構想 MainViewにてエラー時無効となるキャンセルボタン「→」を実装します MainModelにてキャンセルボタンに対応した内部データの更新処理を実装します 実装 構想に沿って各M…

WPFのMVVMで電卓づくり(10)

不動小数点を適用するボタン「・」を実装します 構想 MainViewにてエラー時無効となる浮動小数点ボタン「・」を実装します MainModelにて浮動小数点ボタンに対応した内部データの更新処理を実装します ※前回までの内部データの実装方法では浮動小数点ボタン…

WPFのMVVMで電卓づくり(9)

計算をリセットするクリアボタン「CA」「C」を実装します 「CA」はすべてを初期化します 「C」は1回入力で現在の入力値とエラーを初期化します 「C」は2回入力で「CA」と同じ動作をします 構想 MainViewにて常時有効なクリアボタン「CA」「C」を実装します…

WPFのMVVMで電卓づくり(8)

計算エラーが発生したらボタンを無効化する仕組みを実装します 構想 MainModelにて計算エラーが発生した時点で表示用のErrorTextを更新し MainViewModelにてボタンの有効無効を判定するIsEnabledをfalseに更新した後 MainViewModelでPropertyChangedイベント…

WPFのMVVMで電卓づくり(7)

四則演算子ボタンを押すと計算が行われる仕組みを実装します 今回は操作状況を分かりやすくするため出力画面の隣に四則演算子を表示させる枠を作ります 構想 MainModelにて計算に用いる四則演算子が決定した時点で表示用のOperationTextを更新します 実装 構…

WPFのMVVMで電卓づくり(6)

四則演算子ボタンを押すと計算が行われる仕組みを実装します 今回は大筋で四則演算ができるところまで作成します 構想 四則演算子ボタンクリックによる処理の流れについては、下記で構想してます View=>ViewModel=>Model=>ViewModel=>Model MainView:四則演…

WPFのMVVMで電卓づくり(5)

電卓の数字ボタンを押したら出力画面が更新される仕組みを作成します 今回は数字ボタンクリックで更新された内部データを 電卓の出力画面に反映させます 内部データの出力画面へのバトンタッチ(Model⇒ViewModel⇒View) 数字ボタンクリックで更新されたMainM…

WPFのMVVMで電卓づくり(4)

電卓の数字ボタンを押したら出力画面が更新される仕組みを作成します 今回はボタンクリックに紐づけしたコマンドに渡されるパラメーターを用いて 電卓の出力画面用の内部データを更新します 下準備 下図はソリューションエクスプローラーの構成です 前回まで…

WPFのMVVMで電卓づくり(3)

電卓の数字ボタンを押したら出力画面が更新される仕組みを作成します 今回は仕組みのうち、数字ボタンを押してから内部データを変更する手前までの処理を作ります 下準備 下図はソリューションエクスプローラーの構成です 前回時点でApp.xamlとMainView.xaml…

WPFのMVVMで電卓づくり(2)

起動時に電卓画面が表示されるようにデザインします 下準備 Visual Studio 2019にて プロジェクトテンプレートは「WPF App(.NET Core)」を使用します 上図はソリューションエクスプローラーの構成です 初期状態ではApp.xamlとMainWindow.xamlが表示されてい…

WPFのMVVMで電卓づくり(1)

WPFのMVVMで電卓を作ってみようと思います MVVM構成と更新予定はこんなかんじで考えてます 参考デザイン:https://cweb.canon.jp/calc/lineup/business/green/index.html