Visual C# 2017 入門

22．算数ドリルを作ろう その７

今回は [ 算数ドリルを作ろう その６ ] の続きです。

この講座を作っているとき「解答を説明する」というより「解き方を説明する」ように意識しています。
そのため話が長くなってます。

プログラミングって「 物事を噛み砕いてそれを再構築していく作業 」というように思ってたりします。
解答を記憶するよりプロセス（過程や方法など）に慣れてください。

出題した数をカウントしよう

出題した数をカウントする仕組みを作ります。
ずっと続けているより、決まった問題数を解く方がモチベーションもあがります。

出題数をカウントする変数 mondaiCnt と、
出題の最大数を設定する変数 mondaiMax を用意しました。
それから成績を表示するためのメソッド Seiseki を作りました。
まだ成績を表示しませんが、解答欄を入力できないようにして問題をクリアします。

出題数のカウントで（62 行目）
mondaiCnt++;
と書きました。みなさん覚えてますか、次の式と同じ動きをします。
mondaiCnt += 1;

それでは実行してみましょう。
出題数は５問にしてあるので、それ以降は入力できなくなります。

成績を表示しよう

成績を表示するようにします。
カウントした正解数を最後に表示します。
プログラムを変更している場所を間違えないようにしましょう。

正解数をカウントする変数 seikaiCnt を用意しました。
開始ボタンが押されたらカウントを初期化し
答え合わせのとき正解ならカウントしする。
最後に成績として結果を表示。
といったシンプルな仕組みです。

それでは実行してみましょう。
正解数が表示されるようになりました。

ラジオボタンとグループボックス

問題数や計算タイプを変更する仕組みに、ラジオボタンを使ってみましょう。
タイプをグループ分けするのには、グループボックスを使います。
完成すると次のようになります。
ラジオボタンは、どれか１つだけを選択させるときに使います。

それではグループボックスを配置してみましょう。
ツールボックスのコンテナーを開き、GroupBox をフォーム上へ配置します。
配置したら適当にサイズを調整して、２つ目のグループボックスを配置しましょう。
２つ目も適当にサイズを調整します。
全体の調整はあとでします。ここは適当でかまいません。

次はラジオボタンです。
ラジオボタンはコモンコントロールにあります。
RadioButton をグループボックスの中に配置していきます。
グループ１に２つ、グループ２に３つ配置します。

実行してみましょう。
グループボックス内に配置するだけで、すでにラジオボタンとしての機能が働きます。
それぞれのグループで１つだけ選べることを確認してください。

プロパティの変更

グループボックスの Text プロパティを変更すると見出しが変わります。
groupBox1 の Text を「 タイプ 」
groupBox2 の Text を「 問題数 」に変更しましょう。

次に、ラジオボタンの Text プロパティも変更しましょう。
「足し算」「引き算」「１０問」「２０問」「３０問」
というように変更します。

これですべての配置が終わりました。
全体を見ながら、それぞれの配置を変更してください。
マウス操作だけでも綺麗に並べられると思いますが、上手くできないときは
配置プロパティの項目を直接変更してもいいと思います。

ちなみに上の画像の１０問は、プロパティに書き込むとき
１０と問の間にスペースを１つ入れてあります。（２０問３０問も同様に）
フォントのタイプによっても違いますが、スペースを入れた方が綺麗に見える場合があります。

Checked プロパティ

ここで実行してみます。

実行直後は、ラジオボタンにチェックが付いてません。（黒い点のこと）
このままでは、どれか選択してもらう必要が出てきます。
それでは不親切なので、足し算と１０問をデフォルトでチェックありの状態にします。

まず、足し算をクリックして Checked プロパティを True に変更します。
次に１０問をクリックして同じく変更します。

実行してみます。
足し算と１０問にチェックが付きました。