Silverlight／WPFで使える逆引きTips集
――ツールバー機能

（11） ToolBarコントロールとToolBarTrayコントロール

02.セパレータを挿入する

　ツールバーにセパレーターを挿入するにはSeparatorクラスを使用します。

　下記は［保存］ボタンと文字列「フォントサイズ」の間にセパレーターを挿入する例です。

セパレータを挿入する例

XAMLの例

<DockPanel Name="DocPanel1">
    <ToolBar DockPanel.Dock="Top">
        <Button>
            <Image Source="Images/NewDocument.png" Width="16" Height="16" />
        </Button>
        <Button>
            <Image Source="Images/Save.png" Width="16" Height="16" />
        </Button>
        <!-- ★★★セパレーターを挿入★★★ -->
        <Separator />
        <TextBlock VerticalAlignment="Center">フォントサイズ</TextBlock>
        <ComboBox Width="50">
            <ComboBoxItem IsSelected="True">10pt</ComboBoxItem>
            <ComboBoxItem>11pt</ComboBoxItem>
            <ComboBoxItem>12pt</ComboBoxItem>
        </ComboBox>
        <Button>
            <Image Source="Images/boldhs.png" Width="16" Height="16" />
        </Button>
        <Button>
            <Image Source="Images/Italichs.png" Width="16" Height="16" />
        </Button>
    </ToolBar>
    <TextBox></TextBox>
</DockPanel>

VBの例

'XAMLではなくコードでセパレーターを追加する場合は下記のようにします
Dim toolBar1 As New Controls.ToolBar    'ツールバー
Dim separator1 As New Separator         '★★★セパレータ★★★

'★★★セパレータをツールバーに追加★★★
toolBar1.Items.Add(separator1)

C#の例

// XAMLではなくコードでセパレーターを追加する場合は下記のようにします
System.Windows.Controls.ToolBar toolBar1 =
    new System.Windows.Controls.ToolBar();
Separator separator1 = new Separator(); // ★★★セパレータ★★★

// ★★★セパレータをツールバーに追加★★★
toolBar1.Items.Add(separator1);

ポイント

　セパレーターを挿入するにはSeparatorクラスを使用する。

03.ツールチップを表示する

　ツールバー上にあるコントロールでツールチップを表示させるには、各コントロールが持つToolTipプロパティを使用します。

　下記はツールチップを表示する例です。

ツールチップを表示する例

XAMLの例

<DockPanel Name="DocPanel1">
    <ToolBar DockPanel.Dock="Top">
        <Button ToolTip="新規作成">                
            <Image Source="Images/NewDocument.png" Width="16" Height="16" />
        </Button>
        <Button ToolTip="保存">
            <Image Source="Images/Save.png" Width="16" Height="16" />
        </Button>
        <Separator />
        <TextBlock VerticalAlignment="Center">フォントサイズ</TextBlock>
        <ComboBox Width="50" ToolTip="フォントサイズ">
            <ComboBoxItem IsSelected="True">10pt</ComboBoxItem>
            <ComboBoxItem>11pt</ComboBoxItem>
            <ComboBoxItem>12pt</ComboBoxItem>
        </ComboBox>
        <Button ToolTip="太字">
            <Image Source="Images/boldhs.png" Width="16" Height="16" />
        </Button>
        <Button ToolTip="斜体">
            <Image Source="Images/Italichs.png" Width="16" Height="16" />
        </Button>
    </ToolBar>
    <TextBox></TextBox>
</DockPanel>

VBの例

'XAMLではなくコードでツールチップの設定を行う場合は下記のようにします
'新規作成ボタンにツールチップを設定する例です

Dim toolBar1 As New Controls.ToolBar    'ツールバー
Dim btnNewDocument As New Button        '[新規作成]ボタン

'[新規作成]ボタンの作成
Dim bmpImgNewDoc As New BitmapImage()
Dim imgNewDoc As New Image
bmpImgNewDoc.BeginInit()
bmpImgNewDoc.UriSource = New Uri("Images/NewDocument.png", UriKind.Relative)
bmpImgNewDoc.EndInit()
imgNewDoc.Source = bmpImgNewDoc
imgNewDoc.Width = 16 : imgNewDoc.Height = 16
btnNewDocument.ToolTip = "新規作成"     '★★★ツールチップの追加★★★
btnNewDocument.Content = imgNewDoc
'[新規作成]ボタンをツールバーに追加
toolBar1.Items.Add(btnNewDocument)

C#の例

// XAMLではなくコードでツールチップの設定を行う場合は下記のようにします
// 新規作成ボタンにツールチップを設定する例です

System.Windows.Controls.ToolBar toolBar1 =
    new System.Windows.Controls.ToolBar();
Button btnNewDocument = new Button();   // [新規作成]ボタン

// [新規作成]ボタンの作成
BitmapImage bmpImgNewDoc = new BitmapImage();
Image imgNewDoc = new Image();
bmpImgNewDoc.BeginInit();
bmpImgNewDoc.UriSource = new Uri("Images/NewDocument.png", UriKind.Relative);
bmpImgNewDoc.EndInit();
imgNewDoc.Source = bmpImgNewDoc;
imgNewDoc.Width = 16; imgNewDoc.Height = 16;
btnNewDocument.ToolTip = "新規作成";    // ★★★ツールチップの追加★★★
btnNewDocument.Content = imgNewDoc;
// [新規作成]ボタンをツールバーに追加
toolBar1.Items.Add(btnNewDocument);

ポイント

　ツールチップを表示するには、コントロールが持つToolTipプロパティを使用する。