• ToolStripとToolStripContainerを使って、ツールバーの位置をユーザーが変更できるようにする
  • Visual Studioのフォームデザイナを使用した方法
    • 1.ToolStripContainerコントロールを配置する
    • 2.ToolStripContainerコントロールをフォームいっぱいに表示する
    • 3.ツールバーを配置する
    • 4.左、右、下にToolStripコントロールを配置する
    • 5.ToolStripコントロールを移動できない辺を指定する
    • 6.ToolStripコントロールの位置を保存、復元する
  • コードのみで配置する方法

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

ToolStripとToolStripContainerを使って、ツールバーの位置をユーザーが変更できるようにする

ToolStripコントロールとToolStripContainerコントロールを使用すると、ツールバーの位置をユーザーが自由に変更できるようになります。例えばフォーム上部に付いているツールバーをユーザーがドラッグ＆ドロップすることにより、フォームの左側や右側、あるいは下に移動させることができます。また、複数設置されたツールバーの順番をユーザーが変更することもできます。

ここでは、ToolStripContainerコントロールをフォームに設置する基本的な方法を説明します。

Visual Studioのフォームデザイナを使用した方法

まずはMicrosoft Visual Studioのフォームデザイナを使用した時の方法を、順を追って説明します。

1.ToolStripContainerコントロールを配置する

ToolStripContainerコントロールを設置するフォームをフォームデザイナで開きます。そして、「ツールボックス」から「ToolStripContainerコントロール」をフォームへドラッグ＆ドロップします。ToolStripContainerコントロールは、ツールボックスの「メニューとツールバー」タブと「すべてのWindowsフォーム」タブにあります。

2.ToolStripContainerコントロールをフォームいっぱいに表示する

フォームに配置したToolStripContainerコントロールを選択状態にしてから、「プロパティウィンドウ」でDockプロパティをFillにします（中央のボタンが「Fill」です）。すると、ToolStripContainerコントロールがフォームいっぱいに表示されるようになります。

3.ツールバーを配置する

ToolStripContainerコントロールの上部に白い部分（ToolStripPanel）があります。この部分にToolStripコントロールを配置することができます。ツールボックスからToolStripコントロールをこの部分へドラッグ＆ドロップしてください。

配置したToolStripコントロールは、お好きなように編集してください。ToolStripコントロールについては、「ToolStripコントロールを使用してツールバーを作成する」で説明しています。

4.左、右、下にToolStripコントロールを配置する

ToolStripContainerコントロールの左、右、下にもToolStripコントロールを配置することができます。ToolStripContainerコントロールの四辺に矢印（>）マークが付いていますが、これをクリックすると、ToolStripコントロールを配置するためのスペースができます。このスペースに、先程と同じ方法で、ToolStripコントロールを配置できます。

5.ToolStripコントロールを移動できない辺を指定する

デフォルトでは、ToolStripContainerの四辺のすべてにToolStripコントロールを移動できます。例えばToolStripを下の辺に移動できないようにするには、ToolStripContainer.BottomToolStripPanelVisibleプロパティをFalseにします。同様に上、左、右に移動できないようにするには、それぞれTopToolStripPanelVisible、LeftToolStripPanelVisible、RightToolStripPanelVisibleプロパティをFalseにします。

6.ToolStripコントロールの位置を保存、復元する

ToolStripの位置を保存、復元する方法は、「ToolStripとToolStripItem（ツールバー、メニュー、ステータスバーとその項目）の位置を保存、復元する」で説明します。

コードのみで配置する方法

次にコードのみで行う方法を紹介します。どうしても難易度が上がってしまいますので、興味のある方のみ参考にしてください。（ここでは詳しい説明はしませんので、「コントロールを実行時に作成する」を参考にしてください。）

以下のサンプルコードでは、ToolStripContainerの上部にToolStripを1つだけ追加しています。ToolStripにはボタンを1つだけ追加しています。また、ToolStripContainerの右側にはToolStripが移動できないようにしています。

このコードは、ToolStripContainerを配置するフォームのクラス内に書かれているものとします。

Private toolStripContainer1 As ToolStripContainer
Private toolStrip1 As ToolStrip
Private toolStripButton1 As ToolStripButton

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

    'ToolStripContainerオブジェクトを作成
    toolStripContainer1 = New ToolStripContainer()

    'レイアウトを停止
    Me.SuspendLayout()
    toolStripContainer1.SuspendLayout()
    toolStripContainer1.TopToolStripPanel.SuspendLayout()

    'フォームいっぱいに広げる
    toolStripContainer1.Dock = DockStyle.Fill
    'ToolStripが右端に移動できないようにする
    toolStripContainer1.RightToolStripPanelVisible = False

    'ToolStripの作成
    toolStrip1 = New ToolStrip()
    toolStrip1.SuspendLayout()
    'ToolStripButtonオブジェクトを作成
    toolStripButton1 = New ToolStripButton()
    toolStripButton1.Text = "保存"
    AddHandler toolStripButton1.Click, AddressOf toolStripButton1_Click
    'ToolStripにアイテムを追加
    toolStrip1.Items.Add(toolStripButton1)

    'toolStripContainer1の上部にtoolStrip1を追加
    toolStripContainer1.TopToolStripPanel.Join(toolStrip1)
    'または、
    'toolStripContainer1.TopToolStripPanel.Controls.Add(toolStrip1)

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

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

Private Sub toolStripButton1_Click(sender As Object, e As EventArgs)
    MessageBox.Show("toolStripButton1が押されました")
End Sub

private ToolStripContainer toolStripContainer1;
private ToolStrip toolStrip1;
private ToolStripButton toolStripButton1;

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

    //レイアウトを停止
    this.SuspendLayout();
    toolStripContainer1.SuspendLayout();
    toolStripContainer1.TopToolStripPanel.SuspendLayout();

    //フォームいっぱいに広げる
    toolStripContainer1.Dock = DockStyle.Fill;
    //ToolStripが右端に移動できないようにする
    toolStripContainer1.RightToolStripPanelVisible = false;

    //ToolStripの作成
    toolStrip1 = new ToolStrip();
    toolStrip1.SuspendLayout();
    //ToolStripButtonオブジェクトを作成
    toolStripButton1 = new ToolStripButton();
    toolStripButton1.Text = "保存";
    toolStripButton1.Click += new EventHandler(toolStripButton1_Click);
    //ToolStripにアイテムを追加
    toolStrip1.Items.Add(toolStripButton1);

    //toolStripContainer1の上部にtoolStrip1を追加
    toolStripContainer1.TopToolStripPanel.Join(toolStrip1);
    //または、
    //toolStripContainer1.TopToolStripPanel.Controls.Add(toolStrip1);

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

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

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

• 関連：
• ToolStripContainerの代わりにToolStripPanelを使って、MDIに移動可能なToolStripを付ける

• 履歴：
• 2012/02/08 タイトルを変更し、文章を短くした。
• 2014/9/8 全面的に書き換えた。
• 2014/9/25 レイアウトロジックを再開するコードをフォームデザイナが生成するコードを参考にして書き直した。

（この記事は、「.NETプログラミング研究」で紹介したものを基にしています。）