VB ボタンを作る

Visual Basic 入門講座

第２回ボタンを作る

この記事が対象とする製品・バージョン (バージョンの確認方法)

Visual Basic 2005	◎	対象です。
Visual Basic.NET 2003	◎	対象です。
Visual Basic.NET (2002)	◎	対象です。
Visual Basic 6.0	×	対象外です。

今回はWindows（ウィンドウズ）でのプログラムによく出てくるボタンを作ってみます。

これが今回解説するボタンです。よく見かけますよね。ボタン作りを通してＶＢでのプログラミングの基本的な方法を説明します。

概要

・ボタンを作って使う方法。

・Visual Basicの表示設定。

１．準備

では、前回の手順を復習しながら新規プロジェクト(第１回の説明を参照）を作成してみましょう。プロジェクトとは１つにまとまったプログラムのことでしたね。

新規プロジェクトを作成するには、VBの起動直後の画面で「新しいプロジェクト」をクリックするのでした。VB2005の画像を参考に載せておきますが、VB.NET2002とVB.NET2002でも少し画面が違いますがだいたい同じです。

新しいプロジェクトを作成する

■画像１：新しいプロジェクトを作成する

次に表示されるダイアログ（ウィンドウのこと）ではWindowsアプリケーションを選択して、適当なプロジェクト名をつけて[OK]ボタンをクリックするのでした。今回はプロジェクト名は特に関係ないので自由につけてください。これからも特に説明のない限りプロジェクト名は自由な名前で結構です。ただし、半角英数で名前をつけることをお勧めします。

ここもVB2005の画像を載せておきますが、VB.NET2002、VB.NET2003でも大体同じです。

VB2005のプロジェクトの種類選択画面

■画像３：VB2005のプロジェクトの種類選択画面

設定によっては以下のような画面が表示される場合もあります。

VB2005のプロジェクトの種類選択画面

■画像４：VB2005のプロジェクトの種類選択画面

これで新しいプロジェクトは作成されます。

参考　画面設定を最初の状態に戻す方法

VBでは設定によって画面をいろいろと変えられるのでここで掲載している画面とあなたの画面は異なるかもしれません。またよく知らないで画面の設定をいじると元に戻す方法がわからなくなったりします。マイクロソフトもこの問題を認識しているらしく、簡単に画面を最初の設定に戻す方法が提供されています。

VB2005 Express Editionでは、[ウィンドウ]メニューの[ウィンドウレイアウトのリセット]をクリックすだけで画面を最初の状態に戻すことができます。

その他のVBを使用している場合はオプション画面を使用します。ここではVB.NET2002、VB.NET2003の画面で説明しますがVS2005も少し画面が違うだけで同様の方法で画面を最初の設定に戻すことができます。

[ツール]メニューの[オプション]をクリックしてください。そうすると下のような画面になります。

VB.NET2003のオプションダイアログ

■画像５：VB.NET2003のオプションダイアログ

この画面で[ウィンドウレイアウトのリセット]というボタンをクリックして[OK]を押すと画面は最初の設定に戻ります。

２．ツールボックス

それでは、ボタンを使ったプログラムを作成してみましょう。ボタンを貼り付けるには、次の２つの手順が必要です。

１．「ツールボックス」でボタンを選択する。

２．フォームの貼り付けたい位置をマウスでなぞるという

はじめですから丁寧に解説していきます。

それではツールボックスからボタンを選択する方法を説明しましょう。



■画像６	■画像７

上の画像で印のついているところをクリックしてください。そうすると下の画面になります。

ツールボックスを展開したところ

■画像８

ツールボックスを展開したところ

■画像９

これがツールボックスなのですがこの状態ではいろいろ使いにくいので、さらに下の画像で示してあるクリップのアイコンをクリックしてください。



■画像１０	■画像１１

ここをクリックすると下の画像の画面になります。

ツールボックスを固定したところ

■画像１２

ツールボックスを固定したところ

■画像１３

これで準備完了です。元の状態に戻すには再びクリップボタンをクリックして１０秒くらいまっていれば自動で戻ります。なお、VB.NET2002、VB3NET2003では上の画像で印のついている矢印をクリックするとツールボックスがスクロールして下のほうも見えるようになります。

ツールボックスにはコントロールが並んでいます。コントロールとは今回作ろうとしているボタンや文字を入力するテキストボックス、画像を表示するピクチャーボックス、スクロールバーなど画面を作る元になる部品のことです。

コントロールにはいろいろは種類があるのでカテゴリーごとに分類されています。この分類はVBのバージョンによって少し違いますが名前が違う程度で大きな違いはありません。VB2005では通常は「コモンコントロール」というカテゴリーを使用する機会が多いでしょう。

ツールボックスのカテゴリ

■画像１４

ツールボックス上ではカテゴリをクリックすることで開いたり閉じたりできます。

ここではコモンコントロール(VB.NET2002, VB.NET2003ではWindows フォーム)に分類されている代表的なコントロールの名称を示しておきましょう。



■画像１５	■画像１６

今回はボタンを作るのですからボタンをクリックしてください。「Button」と書いてあります。

３．ボタンの配置

ツールボックスでボタンをクリックしたらそのままマウスでフォームのボタンを貼り付けたい位置をなぞって（ドラッグして）ください。あなたがなぞった位置になぞった大きさのボタンができます。

この作業も画像つきで説明したいのですがどうも画像を撮るのが難しくて・・・・。わかりますよね？マウスでフォームをドラッグすればいいのですよ。



■画像１７	■画像１８

上の画像のようになりましたか？これでボタン配置作業は完了です。

この状態でプログラムを実行してみましょう。前回出てきた実行ボタンをクリックしてください。



■画像１９	■画像２０

実行すると確かにボタンがひとつあるフォームが表示されるでしょう。でもボタンをクリックしても何もおきませんね・・・・・。１行もプログラムしていないからしかたありません。

４．ボタンのプログラム

ではせっかくですからボタンに何かプログラムしてみましょう。ボタンにプログラムするにはデザイン画面に戻って配置したボタンをダブルクリックしてください。（ツールボックスのボタンじゃないですよ）

ボタンをダブルクリックするとコード編集画面に切り替わりますね。すでに何行かプログラムされているはずですがそれらはＶＢが自動的に生成したものではじめのうちは特に気にする必要はありません。

この画面で次のようにプログラムしてください。

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click

Button1.Text = Now.ToString

End Sub

■リスト１：ボタンをクリックしたときに作動するプログラム

この例では３行あるように見えますが、１行目と３行目はＶＢが自動で生成しているはずなので自分で書く必要はありません。自分で各必要があるのは２行目だけです。

１行目の意味は簡単に言うと「ボタンがクリックされたら」という意味です。クリックされたらどうするかはあなたが書くのです。

２行目の意味は「ボタンの文字を現在日時を文字で表現したものにしなさい」という意味です。実際にどうなるかはプログラムを実行してみてボタンをクリックするとわかります。

もし、実行ボタンをクリックしたときに「ビルドエラーが発生しました。続行しますか？」というようなメッセージが表示された場合は、プログラムがどこか間違っている場合です。[いいえ]を選択して、もう一度よく見直してください。

３行目の意味は「ボタンがクリックされたときのプログラムはここまで」という目印見たいなものです。

ところで、ボタンを配置したときにはボタンに「Button1」と表示されていてかっこ悪いですよね。もちろんこの表示されている文字もプログラムしないで簡単に変えることができるのですがその方法はまたの次回に説明します。

５．まとめ

今回はボタンをフォームに配置してプログラムする手順を説明しました。ボタンに限らずツールボックスにならんでいるコントロールはすべて同じ手順で配置してプログラムすることができます。他のコントロールを配置して遊んでみてください。それでは！

発展学習

発展学習では意欲的な方のために現段階では特に理解する必要はない項目を解説します。

実はツールボックスに並んでいるすべてのコントロールはVB専用のものではなくVisual C#やVisual J#など他の.NET言語でも利用します。しかも利用する手順は今回解説した手順とまったく同じです。

これはVBもC#も .NET言語と呼ばれるものはすべて .NET Framework(ドットネットフレームワーク）に対応するように設計されているからです。そしてツールボックスのコントロールはVBではなくこの.NET Frameworkに所属しているのです。

ですからVBの勉強をしていても自然とVisual C#なども扱えるようになっていくのです。とはいっても今回最後に出てきたプログラムの部分はC#ではやはり違います。C#でリスト１を書き換えると次のようになります。
private void button1_Click(object sender, System.EventArgs e)
{
button1.Text=DateTime.Now.ToString();
}

確かに違うけれども似ているでしょう？