フローチャートプログラミング C# 操作マニュアル【補足－２】GUI作成例
- 新原 俊一
- 2024年10月8日
- 読了時間: 3分
更新日：2024年12月11日
＜補足２＞ GUI作成例
GUIではコンソールアプリケーションと異なり、クラス形式でフローチャートを作成しま
す。
次に、VisualStudio プロジェクトを作成します・
「新しいプロジェクトの作成」をクリックします。
「WPFアプリケーション（C＃）」をクリックします。
「次へ」をクリックします。
プロジェクト名称を入力し「次へ」をクリックします。
「作成」をクリックします。
（図－７）のXAML画面を（図－８）XAML画面に変更してください。
（図－９）にMainWindowのプログラムソースがあります。
ここで、usingからInitializeComponent()までをフローチャートにコピーすると作業が楽
になります。
（図－１０）になります。
終了図形も開始図形に合わせてスコープをセット（図－１１）します。
パスを作成します。
次に、Keisanクラスを登録します。
MainWindow.xaml画面の右端にソリューションエクスプローラが表示されています。
プロジェクト（Sample30）を右クリックすると（図－１３）になります。
その中ほどに「追加」とありますのでカーソルを合わせます。
（図－１４）が表示されますので中央下にある「ウィンドウ（WPF）」をクリックします。
（図－１５）が表示されますので、下にある名称を入力（Keisan.xaml）し、追加ボタン
をクリックします。
（図－１６）が表示されます。
この内容を（図－１７）のように変更します。
ソリューションエクスプローラのKeisan.xamlのコードを表示しMainWindow.xaml.csと
同じくusingからInitializeComponent()までをフローチャートにコピーすると作業が楽
になります。
（図－１９）です。
終了図形も開始図形に合わせてスコープをセット（図－２０）します。
パスを作成します。
Mainフローチャートの処理図形は以下のようになります。
Mainフローチャートのプログラムソースは以下のようになります。
Keisanクラスフローチャートの処理図形は以下のようになります。
Keisanクラスフローチャートのプログラムソースは以下のようになります。
デバッグは省略します。（＜補足１＞CUIを参照）
テストでは、MainのソースをMainWindow.xaml.csファイルへ（図－２９）、Keisanクラスの
ソースをKeisan.xaml.csファイルへ（図－３０）渡します。
テスト結果です。
（手順１）MainWindow画面で「５５」を入力し、「計算ボタン」をクリックしました。
（手順２）Keisan画面で「＋１００計算ボタン」をクリックし「終了ボタン」をクリックしまし
た。
（手順３）Main画面で「終了ボタン」をクリックしました。
カバレッジを作成します。
まず、Main画面です。トレースファイルを取込みます。
Main画面では、Keisanクラスを呼び出すパスと終了パスの２つがあり、そのどちらもテ
ストしましたのでカバレッジC0、C1共に１００％となっています。
テスト済みのパスを表示させると２つのパスが緑色で表示されます。
次に、Keisan画面です。（図－３３）トレースファイルをと取込みます。
Keisan画面では「＋１００計算」を行い、「終了」しましたので３つあるパスのうち２つしか
テストしていません。
従って、カバレッジC1は６６％と表示されています。
テスト済みパスの表示（図－３７）と未テストパスの表示（図－３８）です。
６つある図形のうち５つをテストしましたのでカバレッジC０は、８３％です。
尚、条件図形は対象外です。
テスト済み図形の表示（図－３９）と未テスト図形の表示（図－４０）です。
