ToolBarコントロールは、名前の通り、アプリケーションのツールバーを実装するためのコントロールです。ToolBarコントロールは、ToolBarTrayコントロール内に配置する形で実装します。ToolBarTrayには複数のToolBarコントロールを設置でき、ユーザーはマウスを使ってToolBarコントロールの位置を移動させることが出来ます。 以下にToolBarTrayコントロールにToolBarコントロールを２つ置いて、その中にButtonやCheckBoxやToggleButtonを置いた例を以下に示します。ToolBarコントロール内の縦線は、Separatorコントロールを使用しています。
CheckBoxコントロールとToggleButtonコントロールは、クリックをしてチェックをつけた状態にしています。画面上で色が変わっていることが確認できます。上記の画面のXAMLを以下に示します。
<ToolBarTray><ToolBar><Button Content="item1" /><Button Content="item2" /><Button Content="item3" /><Separator /><Button Content="item4" /><CheckBox Content="item5" /></ToolBar><ToolBar><Button Content="item6" /><Button Content="item7" /><Button Content="item8" /><Separator /><ToggleButton Content="item9" /></ToolBar></ToolBarTray>
ToolBarコントロールの位置の制御
ToolBarコントロールは、ToolBarTrayコントロールに複数ある場合ユーザーによって並び替えることができます。これを制御するプロパティが、ToolBarコントロールのBandプロパティとBandIndexプロパティになります。
| プロパティ | 説明 |
|---|---|
| public int Band { get; set; } | ToolBarTrayコントロールのOrientationプロパティがHorizontalの場合に、ToolBarコントロールを何行目に表示するかを表す。ToolBarTrayコントロールのOrientationプロパティがVerticalの場合にToolBarコントロールの何列目に表示するかを表す。 |
| public int BandIndex { get; set; } | ToolBarTrayコントロールのOrientationプロパティがHorizontalの場合に、ToolBarコントロールを何列目に表示するかを表す。ToolBarTrayコントロールのOrientationプロパティがVerticalの場合にToolBarコントロールの何行目に表示するかを表す。 |
以下にToolBarコントロールを2つおいて、それぞれのBandプロパティとBandIndexプロパティを表示するプログラムの実行例を示します。ToolBarコントロールを並び替えると、それに応じてBandプロパティとBandIndexプロパティの値が変わっていることが確認できます。
ユーザーが並び替えたToolBarコントロールの状態を保持するには各ToolBarコントロールのBandプロパティとBandIndexプロパティを保存・復元すればいいことがわかります。
過去記事
- WPF4.5入門 その1 「はじめに」
- WPF4.5入門 その2 「WPFとは」
- WPF4.5入門 その3 「Hello world」
- WPF4.5入門 その4 「Mainメソッドはどこにいった？」
- WPF4.5入門 その5 「全てC#でHello world」
- WPF4.5入門 その6 「WPFを構成するものを考えてみる」
- WPF4.5入門 その7 「XAMLのオブジェクト要素と名前空間」
- WPF4.5入門 その8 「オブジェクト要素のプロパティ」
- WPF4.5入門 その9 「コレクション構文」
- WPF4.5入門 その10 「コンテンツ構文」
- WPF4.5入門 その11 「マークアップ拡張」
- WPF4.5入門 その12 「その他のXAMLの機能」
- WPF4.5入門 その13 「簡単なレイアウトを行うコントロール」
- WPF4.5入門 その14 「レイアウトコントロールのCanvasとStackPanel」
- WPF4.5入門 その15 「レイアウトコントロールのDockPanelとWrapPanel」
- WPF4.5入門 その16 「ViewBoxコントロール」
- WPF4.5入門 その17 「ScrollViewerコントロール」
- WPF4.5入門 その18 「Gridコントロール part 1」
- WPF4.5入門 その19 「Gridコントロール part 2」
- WPF4.5入門 その20 「レイアウトに影響を与えるプロパティ」
- WPF4.5入門 その21 「WPFのコンセプトと重要な機能つまみ食い」
- WPF4.5入門 その22 「Buttonコントロール」
- WPF4.5入門 その23 「DataGridコントロール その1」
- WPF4.5入門 その24 「DataGridコントロール その2」
- WPF4.5入門 その25 「TreeViewコントロール その1」
- WPF4.5入門 その26 「TreeViewコントロール その2」
- WPF4.5入門 その28 「Calendarコントロール」 - かずきのBlog@hatena
- WPF4.5入門 その29 「ContextMenuコントロール」 - かずきのBlog@hatena
- WPF4.5入門 その30「Menuコントロール」 - かずきのBlog@hatena