• ToolStripコントロールを使用してツールバーを作成する
  • Visual Studioを使用する方法
    • 1.フォームにToolStripコントロールを設置する
    • 2.ToolStripコントロールにボタンを追加する
    • 3.ボタンの画像を変える
    • 4.ボタンが押された時に実行するコードを書く
    • 5.ボタン以外のアイテムについて
  • 自分でコードを書く方法

• この記事への評価、コメント

ToolStripコントロールを使用してツールバーを作成する

ここでは、フォームにツールバーを設置する方法を、最も基本的な事柄に絞って説明します。

ここで紹介する方法は、ToolStripコントロールを使用した方法です。ToolStripコントロールは、.NET Framework 2.0以降でしか使用できません。.NET Framework 1.1以前の場合は、代わりにToolBarコントロールを使用してください。

ちなみに「ツールバー」というのは、多くのアプリケーションでよく見る、ウィンドウの上部、メインメニューの下に付いている、アイコンのボタンが並んだ、帯状の部分のことです。

Visual Studioを使用する方法

Visual Studioのフォームデザイナを使用して、フォームにツールバーを設置する手順を説明します。

1.フォームにToolStripコントロールを設置する

ツールバーを設置したいフォームをフォームデザイナで開きます。そして、「ツールボックス」にある「ToolStripコントロール」をフォーム上にドラッグ＆ドロップします。

すると、フォーム上部にToolStripコントロールが設置されます。また、フォームデザイナの下部に、配置されたToolStripコントロールのアイコンが表示されます。デフォルトでは、設置されたToolStripコントロールの名前は「toolStrip1」（VB.NETでは、「ToolStrip1」）となります。

2.ToolStripコントロールにボタンを追加する

ToolStripコントロールの一番左端にボタンのようなものがあります。このボタンの右にある下矢印をクリックしてみてください。すると、ToolStripコントロールに追加できるアイテムが表示されます。

種類が多くてよく分からないかと思いますが、まずは通常のボタンを追加してみましょう。通常のボタンを追加するには、「Button」を選択します。すると、ToolStripコントロールの左端にボタンが追加されます。

同様にして、必要なだけアイテムを追加します。アイテムの順番を変えたい時は、アイテムをドラッグ＆ドロップします。

3.ボタンの画像を変える

追加したボタンをクリックして、選択してください。そして、「プロパティウィンドウ」を見てみます。すると、このアイテムの実体がToolStripButtonオブジェクトで、名前が「toolStripButton1」（VB.NETでは、「ToolStripButton1」）であることが分かります。このToolStripButtonオブジェクトのプロパティを変えることで、見た目などを変えることができます。

ボタンの画像を変えてみましょう。プロパティウィンドウで「Imageプロパティ」を探して、右端の「...」ボタンをクリックしてください。「リソースの選択」ダイアログが表示されます。

「リソースの選択」ダイアログで「ローカルリソース」を選択し、「インポート」ボタンをクリックします。そして、適当な画像ファイルを選択してみてください。OKボタンをクリックすると、ToolStripButtonの画像が選択された画像に変わります。

4.ボタンが押された時に実行するコードを書く

ボタンが押された時に実行するコードは、Clickイベントハンドラに記述します。プロパティウィンドウのツールバーにある「イベント」ボタン（稲妻の絵のボタン）を押してイベント一覧を表示し、Clickイベントの欄をダブルクリックすると、自動的にClickイベントハンドラメソッドが作成されます。

例えばtoolStripButton1がクリックされた時にメッセージボックスを表示するには、Clickイベントハンドラに次のように記述します。

Private Sub ToolStripButton1_Click(sender As Object, e As EventArgs) _
    Handles ToolStripButton1.Click

    MessageBox.Show("ボタンが押されました")
End Sub

private void toolStripButton1_Click(object sender, EventArgs e)
{
    MessageBox.Show("ボタンが押されました");
}

5.ボタン以外のアイテムについて

先ほど見たように、ToolStripに追加できるアイテムは「Button」以外にも色々ありました。これらについて、簡単に説明します。

Label（ToolStripLabelクラス）

テキスト（及び画像）を表示します。例えば、TextBoxやComboBoxの左側に配置して、そのアイテムを説明するために使用できます。
または、ハイパーリンクとして使用することもできます。ハイパーリンクにするには、ToolStripLabel.IsLinkプロパティをTrueにします。

SplitButton（ToolStripSplitButtonクラス）

通常のボタン（標準ボタン）の右側に下矢印ボタン（ドロップダウンボタン）が付いています。ドロップダウンボタンをクリックすると、ドロップダウンメニューが表示されます。

DropDownButton（ToolStripDropDownButtonクラス）

このボタンをクリックすると、ドロップダウンメニューが表示されます。
見た目はToolStripSplitButtonと似ていますが、ToolStripSplitButtonが標準ボタンとドロップダウンボタンが並んでいるのに対して、ToolStripDropDownButtonは1つのボタン（ドロップダウンボタン）だけで、ボタンの右側に下矢印が表示されます（矢印は、ToolStripDropDownButton.ShowDropDownArrowプロパティで非表示にすることもできます）。

Separator（ToolStripSeparatorクラス）

アイテムの区切りを示す縦棒です。

ComboBox（ToolStripComboBoxクラス）

ツールバーにComboBoxコントロールを表示します。ToolStripComboBox.ComboBoxプロパティによって、ComboBoxコントロールにアクセスできます。

TextBox（ToolStripTextBoxクラス）

ツールバーにTextBoxコントロールを表示します。ToolStripTextBox.TextBoxプロパティによって、TextBoxコントロールにアクセスできます。

ProgressBar（ToolStripProgressBarクラス）

ツールバーにProgressBarコントロールを表示します。ToolStripProgressBar.ProgressBarプロパティによって、ProgressBarコントロールにアクセスできます。

自分でコードを書く方法

次に、Visual Studioのフォームデザイナを使わずに、自分でコードを書く方法を紹介します。ここでは、上記とほぼ同じことを行うサンプルコードのみを示し、詳しい説明は省略します（「コントロールを実行時に作成する」を参考にしてください）。このコードは、ツールバーを設置するフォームのクラス内に記述してください。

Private toolStrip1 As ToolStrip
Private toolStripButton1 As ToolStripButton
Private toolStripButton2 As ToolStripButton

'フォームのLoadイベントハンドラ
Private Sub Form1_Load(sender As Object, e As EventArgs) _
    Handles MyBase.Load

    'ToolStripオブジェクトを作成
    Me.toolStrip1 = New ToolStrip()

    'レイアウトを一時停止
    Me.SuspendLayout()
    Me.toolStrip1.SuspendLayout()

    'ToolStripButtonを作成
    Me.toolStripButton1 = New ToolStripButton()
    'テキストを設定
    Me.toolStripButton1.Text = "開く(&O)"
    '画像を設定
    Me.toolStripButton1.Image = Image.FromFile("open.gif")
    '画像だけ表示する（省略すると、画像とテキストの両方が表示される）
    Me.toolStripButton1.DisplayStyle = ToolStripItemDisplayStyle.Image
    'Clickイベントハンドラを追加
    AddHandler Me.toolStripButton1.Click, AddressOf toolStripButton1_Click

    'ボタンをもう1つ作成
    Me.toolStripButton2 = New ToolStripButton()
    Me.toolStripButton2.Text = "保存(&S)"
    Me.toolStripButton2.Image = Image.FromFile("save.gif")
    AddHandler Me.toolStripButton2.Click, AddressOf toolStripButton2_Click

    'ToolStripにボタンを追加
    Me.toolStrip1.Items.Add(Me.toolStripButton1)
    Me.toolStrip1.Items.Add(Me.toolStripButton2)

    'フォームにToolStripを追加
    Me.Controls.Add(Me.toolStrip1)

    'レイアウトを再開
    Me.toolStrip1.ResumeLayout(False)
    Me.toolStrip1.PerformLayout()
    Me.ResumeLayout(False)
    Me.PerformLayout()
End Sub

Private Sub toolStripButton1_Click(sender As Object, e As EventArgs)
    MessageBox.Show("「開く」ボタンが押されました")
End Sub

Private Sub toolStripButton2_Click(sender As Object, e As EventArgs)
    MessageBox.Show("「保存」ボタンが押されました")
End Sub

private ToolStrip toolStrip1;
private ToolStripButton toolStripButton1;
private ToolStripButton toolStripButton2;

//フォームのLoadイベントハンドラ
private void Form1_Load(object sender, EventArgs e)
{
    //ToolStripオブジェクトを作成
    this.toolStrip1 = new ToolStrip();

    //レイアウトを一時停止
    this.SuspendLayout();
    this.toolStrip1.SuspendLayout();

    //ToolStripButtonを作成
    this.toolStripButton1 = new ToolStripButton();
    //テキストを設定
    this.toolStripButton1.Text = "開く(&O)";
    //画像を設定
    this.toolStripButton1.Image = Image.FromFile("open.gif");
    //画像だけ表示する（省略すると、画像とテキストの両方が表示される）
    this.toolStripButton1.DisplayStyle = ToolStripItemDisplayStyle.Image;
    //Clickイベントハンドラを追加
    this.toolStripButton1.Click += toolStripButton1_Click;

    //ボタンをもう1つ作成
    this.toolStripButton2 = new ToolStripButton();
    this.toolStripButton2.Text = "保存(&S)";
    this.toolStripButton2.Image = Image.FromFile("save.gif");
    this.toolStripButton2.Click += toolStripButton2_Click;

    //ToolStripにボタンを追加
    this.toolStrip1.Items.Add(this.toolStripButton1);
    this.toolStrip1.Items.Add(this.toolStripButton2);

    //フォームにToolStripを追加
    this.Controls.Add(this.toolStrip1);

    //レイアウトを再開
    this.toolStrip1.ResumeLayout(false);
    this.toolStrip1.PerformLayout();
    this.ResumeLayout(false);
    this.PerformLayout();
}

private void toolStripButton1_Click(object sender, EventArgs e)
{
    MessageBox.Show("「開く」ボタンが押されました");
}

private void toolStripButton2_Click(object sender, EventArgs e)
{
    MessageBox.Show("「保存」ボタンが押されました");
}

• 履歴：
• 2014/9/25 レイアウトロジックを再開するコードをフォームデザイナが生成するコードを参考にして書き直した。