VisualBasic 2015 入門

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

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

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

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

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

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

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

出題数のカウントで
mondaiCnt += 1
と書きました。これは次の代入式と同じ意味です。
mondaiCnt = mondaiCnt +1
覚えておくと便利です。

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

成績を表示しよう

成績を表示するようにします。
つまり、正解した数をカウントして最後に表示します。

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

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

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

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

ラジオボタンは、どちらか１つ、または、どれか１つだけ選択させるときに使います。

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

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

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

プロパティの変更

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

次に、ラジオボタンの Text プロパティも変更しましょう。
「足し算」「引き算」「１０問」「２０問」「３０問」
というように変更します。
変更した後で、配置を整えましょう。
マウス操作だけでも綺麗に並べられると思いますが、配置プロパティの項目を
直接変更してもいいと思います。

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

Checked プロパティ

ここで実行してみます。

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

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

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