初心者のためのゲームプログラミング入門

プログラミングとゲームの杜

初心者のためのプログラミング入門 & ゲームプログラムの作り方入門

Visual Basic 2017 入門

19.算数ドリルを作ろう その4

 

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

この講座に飽きたらちょっと中断して 、新しいプロジェクトを作って
なにか別のものを作ったりするのもいいと思います。

 

 

開始ボタンを用意しよう

入力と結果表示の部分ができたので、問題を表示するところを作っていきます。
ツールボックスから、ボタンとラベルを1つずつ配置します。

 

vb ボタンとラベルの配置

 

 

ボタンの Text プロパティを 開始 に変更します。
開と始の間に、スペースを入れると見栄えがよくなります。

 

vb ボタンのtextを変更する

 

 

ボタンのサイズですが、少し小さいので横に伸ばします。
まわりとのバランスをみて調整しましょう。
調整することはいつでもできるので、適当でかまいません。

 

vb 周りとのバランスでサイズ調整

 

 

おっと、大切なことを忘れてました。
名前を Button1 から StartBtn に変更します。
コントロールの名前はプログラミングに影響するので、早めに変更しましょう。

 

vb コントロールの名前を変更する

 

 

問題ラベルを用意しよう

問題を表示するためのラベルを用意します。
ここでは問題を表示するだけなので、テキストボックスではなくラベルで十分です。

先ほど配置したラベルのプロパティを開き、
名前を Label2 から MondaiLbl に変更します。

 

vb 初心者プログラミング入門

 

 

次はサイズの調整です。
しかし、デフォルトでは AutoSize プロパティが True になっているため
手動でサイズの変更ができません。
AutoSize プロパティを False に変更してからサイズを調整します。

 

vb autosize false

 

 

 

ラベルの背景色と境界線

ラベルとフォームの背景色が同じでは、問題を表示する場所として
見栄えが悪いですね。ここは背景色を白にしたいと思います。
BackColor プロパティをクリックして、Web タブから White を選びます。

 

vb テキストボックスの背景色

 

 

次は境界線です。
BorderStyle プロパティを FixedSingle に変更します。
編集中は変更しても見えにくいですが、実行してみるとしっかり境界線が見えます。

 

vb borderstyle 境界線

 

 

 

フォントサイズと中央配置

次はお馴染みの作業です。
フォントサイズを 16 に変更しましょう。

 

vb フォントサイズの変更

 

 

左寄せから中央配置に変更します。
TextAlign プロパティを TopLeft から MiddleCenter に変更します。

 

vb textAlign 中央寄せ

 

 

ついでに Text プロパティの内容を削除します。

 

vb 初心者 入門