アプリケーションでのツールバーの構成

ツールバーを Unified Service Desk で構成して、既存のツールバー内でボタンを作成または管理するか、完全に新しいツールバーを作成します。 ツール バーの概要については、「Unified Service Desk のツール バー」を参照してください。

ツールバーの作成

ツールバーを作成する前に、既に構成されているツールバー コンテナーのホストされたコントロールがあることを確認します。 詳細については、「ツール バー コンテナー (ホストされたコントロール)」を参照してください。

  1. Unified Service Desk 管理者にサインインします。

  2. 基本設定ツール バーを選択します。

  3. + 新規を選択します。

  4. 新しいツール バーページで以下を実行します。

    1. 新しいツールバーの名前を入力します。

    2. ツールバー ストリップの左端に表示される、ツールバーのタイトルを入力します。

    3. 保存 をクリックして ボタン エリアを有効にします。

  5. ボタン エリアで、 + 新規ツールバーボタン を選択してツールバー上に配置されるボタンを作成します。

  6. 新しいツール バー ボタンページで以下を実行します。

    1. ボタンの名前を指定します。

    2. ツール バー ボタンのイメージ ファイルの名前を指定します。

    3. ButtonText フィールドに、ボタンのラベルを入力します。

    4. ツール バー上にボタンが表示される左から右への順序を制御するには、順序フィールドで整数値を指定します。 ボタンは左から右に昇順で配置されます。

    5. 保存 をクリックして アクション エリアを有効にします。

  7. アクション 領域で、 既存のアクションコールを追加する を選択して ボタン に アクション コール を追加します。 レコードの検索 ウィンドウが表示されます。

  8. 検索ボックスのアクション領域で、ボタンにアタッチするアクション コールの名前を入力します。 リスト から アクション コール を選択し、 追加を選択します。

    新しいアクション コールにボタンを追加したい場合、 新規を選択してアクション コールを作成し、 UII アクションに追加します。 詳細については、「UII アクションに対するアクション コールの作成」を参照してください。

  9. ツールバーにさらにボタンを追加するには、5 ~ 8 の手順を繰り返してください。

  10. ボタンおよびアクション コールをツールバーに追加した後、ツールバーのコンテナーにツールバーを添付します。 これは、Unified Service Desk のデスクトップに新しいツールバーの場所を指定するために実行します。 ツールバーの定義を開いた状態で、 関連 タブを選択し、 ホストされたコントロール を選択します。

  11. 次のページで、 既存のホストされたアプリケーションを追加 を選択します。 レコードの検索 ウィンドウが表示されます。

  12. 検索ボックスで、ツールバー コンテナーのホストされたコントロールの名前を入力し、[検索] を選択して、リストからホストされたコントロールを選択し、 追加 を選択します。

  13. 保存を選択します。

  14. スタイル領域のカスタム スタイルテキストボックスに、ツール バーおよびボタンをカスタマイズするにXAML文字列を記述します。 詳細: ツールバーのスタイル

  15. 保存 を選択します。

既存のツールバーのボタンを追加または削除

  1. Unified Service Desk 管理者にサインインします。

  2. 基本設定ツール バーを選択します。

  3. ツールバー ページで、変更するツールバーの名前を選択します。

  4. 次のページにツールバーの定義が表示されます。

    1. さらにボタンを追加するには、ボタン領域を使用します。 詳細については、前のセクションのステップ 6 ~ 10 を参照してください。

    2. ボタン配下のボタンの名称を選択して、既存のボタンを変更します。 ボタンの定義ページが開き、名前、ボタン テキスト(ラベル)、順序、アクションコールなどの ボタン に関する情報を変更できます。

    3. 変更を保存するには 保存 を選択します。

ツールバーのスタイル

ツールバー構成ウィンドウのカスタム スタイル フィールドを使用して、Unified Service Desk のツールバーをカスタマイズすることができるようになりました。 カスタム スタイル フィールドは、StyleおよびBrushリソースのResourceDictionaryを定義する拡張アプリケーション マークアップ言語 (XAML) をサポートします。

ディクショナリのリソースは、Unified Service Desk クライアント アプリケーションで使用可能な他のリソース参照します。 XAML文字列の読み込みおよび解析は実行時に行なわれ、ResourceDictionaryが作成され、ResourceDictionaryとツールバー コントロールのリソースがマージされます。 加えて、ResourceDictionaryでは、ツール バー内にボタン タイプのスタイルを持つことができます。 スタイルを使用すると、ツール バーおよびボタンをカスタマイズできます。

サンプル 1:StyleおよびBrushリソースのResourceDictionaryを定義するサンプル XAML はツール バーについてのカスタマイズを示します。

Note

Unified Service Desk - 統一インターフェイスのサンプル パッケージで、サンプル XAML スタイルを参照することができます。

<ResourceDictionary xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml" 
xmlns:usd="clr-namespace:Microsoft.Crm.UnifiedServiceDesk.Dynamics;assembly=Microsoft.Crm.UnifiedServiceDesk.Dynamics" 
xmlns:controlStyles="clr-namespace:Microsoft.Crm.UnifiedServiceDesk.Dynamics.Controls.Styles;assembly=Microsoft.Crm.UnifiedServiceDesk.Dynamics" 
xmlns:usdPanelLayouts="clr-namespace:Microsoft.Crm.UnifiedServiceDesk.Dynamics.PanelLayouts;assembly=Microsoft.Crm.UnifiedServiceDesk.Dynamics" 
xmlns:themes="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Luna" 
xmlns:control="clr-namespace:Microsoft.Crm.UnifiedServiceDesk.Dynamics.Controls;assembly=Microsoft.Crm.UnifiedServiceDesk.Dynamics"> 

  <Style x:Key="ToolBarMainPanelBorderStyle" TargetType="{x:Type Border}"> 
        <Setter Property="Margin" Value="0,0,0,0"/> 
        <Setter Property="CornerRadius" Value="3,3,3,3"/> 
        <Setter Property="KeyboardNavigation.TabNavigation" Value="Continue"/> 
        <Style.Triggers> 
            <DataTrigger Binding="{Binding Source={x:Static SystemParameters.HighContrast}}" Value="true"> 
                <Setter Property="CornerRadius" Value="0,0,0,0"/> 
            </DataTrigger> 
        </Style.Triggers> 
    </Style> 

<Style x:Key="ToolBarThumbStyle" TargetType="{x:Type Thumb}"> 
        <Setter Property="Template"> 
            <Setter.Value> 
                <ControlTemplate TargetType="{x:Type Thumb}"> 
                    <Border Background="Transparent" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="True"> 
                        <Rectangle> 
                            <Rectangle.Fill> 
                                <DrawingBrush TileMode="Tile" Viewbox="0,0,4,4" Viewport="0,0,4,4" ViewportUnits="Absolute" ViewboxUnits="Absolute"> 
                                    <DrawingBrush.Drawing> 
                                        <DrawingGroup> 
                                            <GeometryDrawing Brush="White" Geometry="M 1 1 L 1 3 L 3 3 L 3 1 z"/> 
                                            <GeometryDrawing Brush="{DynamicResource ToolBarGripper}" Geometry="M 0 0 L 0 2 L 2 2 L 2 0 z"/> 
                                        </DrawingGroup> 
                                    </DrawingBrush.Drawing> 
                                </DrawingBrush> 
                            </Rectangle.Fill> 
                        </Rectangle> 
                    </Border> 
                    <ControlTemplate.Triggers> 
                        <Trigger Property="IsMouseOver" Value="true"> 
                            <Setter Property="Cursor" Value="SizeAll"/> 
                        </Trigger> 
                    </ControlTemplate.Triggers> 
                </ControlTemplate> 
            </Setter.Value> 
        </Setter> 
    </Style> 

<Style x:Key="ToolBarHorizontalOverflowButtonStyle" TargetType="{x:Type ToggleButton}"> 
<Setter Property="Background" Value="Transparent"/> 
<Setter Property="MinHeight" Value="0"/> 
<Setter Property="MinWidth" Value="0"/> 
<Setter Property="KeyboardNavigation.TabNavigation" Value="Continue"/> 
<Setter Property="Template"> 
<Setter.Value> 
<ControlTemplate TargetType="{x:Type ToggleButton}"> 
<Border x:Name="Bd" Background="Transparent" CornerRadius="0" SnapsToDevicePixels="true"> 
<Image Source="{DynamicResource ImageMoreToolBarButtons}" Margin="7,5,7,5" Width="16" Height="16" VerticalAlignment="Bottom" HorizontalAlignment="Right" 
  AutomationProperties.Name="More Menu"></Image> 
</Border> 
<ControlTemplate.Triggers> 
<Trigger Property="IsMouseOver" Value="true"> 
<Setter Property="Background" TargetName="Bd" Value="{DynamicResource USDTabBackgroundBrush}"/> 
</Trigger> 
<Trigger Property="IsKeyboardFocused" Value="true"> 
<Setter Property="Background" TargetName="Bd" Value="{DynamicResource USDTabBackgroundBrush}"/> 
<Setter Property="KeyboardNavigation.TabNavigation" Value="Continue"/> 
</Trigger> 
<Trigger Property="IsEnabled" Value="false"> 
<Setter Property="Foreground" Value="{DynamicResource ToolBarGripper}"/> 
</Trigger> 
</ControlTemplate.Triggers> 
</ControlTemplate> 
</Setter.Value> 
</Setter> 
<Style.Triggers> 
<DataTrigger Binding="{Binding Source={x:Static SystemParameters.HighContrast}}" Value="true"> 
<Setter Property="Background" Value="Transparent"/> 
</DataTrigger> 
</Style.Triggers> 
</Style> 

<Style x:Key="MainToolBarFocusVisual"> 
    <Setter Property="Control.Template"> 
      <Setter.Value> 
        <ControlTemplate> 
          <Rectangle SnapsToDevicePixels="true" Stroke="White" 
                  StrokeDashArray="1 2" StrokeThickness="1"/> 
        </ControlTemplate> 
      </Setter.Value> 
    </Setter> 
  </Style> 


<Style x:Key="ToolBarVerticalOverflowButtonStyle" TargetType="{x:Type ToggleButton}"> 
<Setter Property="Background" Value="{DynamicResource NormalBrush}"/> 
<Setter Property="MinHeight" Value="0"/> 
<Setter Property="MinWidth" Value="0"/> 
<Setter Property="KeyboardNavigation.TabNavigation" Value="Continue"/> 
<Setter Property="KeyboardNavigation.DirectionalNavigation" Value="Continue"/> 
<Setter Property="Template"> 
<Setter.Value> 
<ControlTemplate TargetType="{x:Type ToggleButton}"> 
<Border x:Name="Bd" Background="Transparent" CornerRadius="0" SnapsToDevicePixels="true"> 
<Image Source="{DynamicResource ImageMoreToolBarButtons}" Margin="7,5,7,5" Width="16" Height="16" VerticalAlignment="Bottom" HorizontalAlignment="Right" 
  AutomationProperties.Name="More Menu"></Image> 
</Border> 
<ControlTemplate.Triggers> 
<Trigger Property="IsMouseOver" Value="true"> 
<Setter Property="Background" TargetName="Bd" Value="{DynamicResource USDTabBackgroundBrush}"/> 
</Trigger> 
<Trigger Property="IsKeyboardFocused" Value="true"> 
<Setter Property="Background" TargetName="Bd" Value="{DynamicResource USDTabBackgroundBrush}"/> 
<Setter Property="KeyboardNavigation.TabNavigation" Value="Continue"/> 
</Trigger> 
<Trigger Property="IsEnabled" Value="false"> 
<Setter Property="Foreground" Value="{DynamicResource ToolBarGripper}"/> 
</Trigger> 
</ControlTemplate.Triggers> 
</ControlTemplate> 
</Setter.Value> 
</Setter> 
<Style.Triggers> 
<DataTrigger Binding="{Binding Source={x:Static SystemParameters.HighContrast}}" Value="true"> 
<Setter Property="Background" Value="Transparent"/> 
</DataTrigger> 
</Style.Triggers> 
</Style> 

<Style TargetType="{x:Type ToolBar}"> 
<Setter Property="Background" Value="Transparent"/> 
<Setter Property="KeyboardNavigation.TabNavigation" Value="Local"/> 
<Setter Property="KeyboardNavigation.DirectionalNavigation" Value="Continue"/> 
<Setter Property="Template"> 
<Setter.Value> 
<ControlTemplate TargetType="{x:Type ToolBar}"> 
<Grid x:Name="Grid" Margin="0,0,0,0" SnapsToDevicePixels="true" Height="42"> 
<Grid x:Name="OverflowGrid" HorizontalAlignment="Right" Margin="0,0,-11,0"> 
<ToggleButton x:Name="OverflowButton" ClickMode="Press" FocusVisualStyle="{x:Null}" IsChecked="{Binding IsOverflowOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"  
  IsEnabled="{TemplateBinding HasOverflowItems}" Style="{StaticResource ToolBarHorizontalOverflowButtonStyle}" Visibility="Collapsed" 
  Margin="0,0,0,5"> 
</ToggleButton> 
<Popup x:Name="OverflowPopup" AllowsTransparency="true" Focusable="True" IsOpen="{Binding IsOverflowOpen, RelativeSource={RelativeSource TemplatedParent}}" PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}" Placement="Bottom" StaysOpen="false"> 
<themes:SystemDropShadowChrome x:Name="Shdw" Color="Transparent"> 
<Border x:Name="ToolBarSubMenuBorder" BorderBrush="{DynamicResource ToolBarMenuBorder}" BorderThickness="1" Background="{DynamicResource ToolBarSubMenuBackground}" RenderOptions.ClearTypeHint="Enabled"> 
<ToolBarOverflowPanel x:Name="PART_ToolBarOverflowPanel" KeyboardNavigation.DirectionalNavigation="Continue" FocusVisualStyle="{x:Null}" Focusable="true" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" KeyboardNavigation.TabNavigation="Cycle" WrapWidth="200"/> 
</Border> 
</themes:SystemDropShadowChrome> 
</Popup> 
</Grid> 
<Border x:Name="MainPanelBorder" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" Style="{StaticResource ToolBarMainPanelBorderStyle}"> 
<DockPanel KeyboardNavigation.TabIndex="1" KeyboardNavigation.TabNavigation="Local"> 
<Thumb x:Name="ToolBarThumb" Margin="-3,-1,0,0" Padding="6,5,1,6" Style="{StaticResource ToolBarThumbStyle}"/> 
<ContentPresenter x:Name="ToolBarHeader" ContentSource="Header" HorizontalAlignment="Center" Margin="4,0,4,0" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="Center"/> 
<ToolBarPanel x:Name="PART_ToolBarPanel" IsItemsHost="true" Margin="0" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/> 
</DockPanel> 
</Border> 
</Grid> 
<ControlTemplate.Triggers> 
<Trigger Property="HasOverflowItems" Value="true"> 
<Setter Property="Visibility" TargetName="OverflowButton" Value="Visible"/> 
</Trigger> 
<Trigger Property="IsOverflowOpen" Value="true"> 
<Setter Property="IsEnabled" TargetName="ToolBarThumb" Value="false"/> 
</Trigger> 
<Trigger Property="Header" Value="{x:Null}"> 
<Setter Property="Visibility" TargetName="ToolBarHeader" Value="Collapsed"/> 
</Trigger> 
<Trigger Property="ToolBarTray.IsLocked" Value="true"> 
<Setter Property="Visibility" TargetName="ToolBarThumb" Value="Collapsed"/> 
</Trigger> 
<Trigger Property="HasDropShadow" SourceName="OverflowPopup" Value="true"> 
<Setter Property="Margin" TargetName="Shdw" Value="0,0,5,5"/> 
<Setter Property="SnapsToDevicePixels" TargetName="Shdw" Value="true"/> 
<Setter Property="Color" TargetName="Shdw" Value="#71000000"/> 
</Trigger> 
<Trigger Property="Orientation" Value="Vertical"> 
<Setter Property="Margin" TargetName="Grid" Value="1,3,1,1"/> 
<Setter Property="Style" TargetName="OverflowButton" Value="{StaticResource ToolBarVerticalOverflowButtonStyle}"/> 
<Setter Property="Height" TargetName="ToolBarThumb" Value="10"/> 
<Setter Property="Width" TargetName="ToolBarThumb" Value="Auto"/> 
<Setter Property="Margin" TargetName="ToolBarThumb" Value="-1,-3,0,0"/> 
<Setter Property="Padding" TargetName="ToolBarThumb" Value="5,6,6,1"/> 
<Setter Property="Margin" TargetName="ToolBarHeader" Value="0,0,0,4"/> 
<Setter Property="Margin" TargetName="PART_ToolBarPanel" Value="1,0,2,2"/> 
<Setter Property="DockPanel.Dock" TargetName="ToolBarThumb" Value="Top"/> 
<Setter Property="DockPanel.Dock" TargetName="ToolBarHeader" Value="Top"/> 
<Setter Property="HorizontalAlignment" TargetName="OverflowGrid" Value="Stretch"/> 
<Setter Property="VerticalAlignment" TargetName="OverflowGrid" Value="Bottom"/> 
<Setter Property="Placement" TargetName="OverflowPopup" Value="Right"/> 
<Setter Property="Margin" TargetName="MainPanelBorder" Value="0,0,0,11"/> 
<Setter Property="Background" Value="Transparent"/> 
<Setter Property="KeyboardNavigation.TabNavigation" Value="Local"/> 
<Setter Property="KeyboardNavigation.DirectionalNavigation" Value="Continue"/> 
</Trigger> 
<Trigger Property="IsEnabled" Value="false"> 
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/> 
</Trigger> 
</ControlTemplate.Triggers> 
</ControlTemplate> 
</Setter.Value> 
</Setter> 
<Style.Triggers> 
<DataTrigger Binding="{Binding Source={x:Static SystemParameters.HighContrast}}" Value="true"> 
<Setter Property="Background" Value="Transparent"/> 
</DataTrigger> 
</Style.Triggers> 
</Style> 

<Style x:Key="ToolBarButtonBaseStyle"> 
<Setter Property="Control.BorderThickness" Value="0"/> 
<Setter Property="Control.Padding" Value="0"/> 
<Setter Property="Control.Background" Value="Transparent"/> 
<Setter Property="Control.BorderBrush" Value="Transparent"/> 
<Setter Property="Control.Foreground" Value="{DynamicResource ToolBarFontColor}"/> 
<Setter Property="Control.FontFamily" Value="Segoe UI"/> 
<Setter Property="Control.FontSize" Value="12"/> 
</Style> 
<Style x:Key="ToolbarButtonTemplate" TargetType="{x:Type control:ToolbarButton}" BasedOn="{StaticResource ToolBarButtonBaseStyle}"> 
        <Setter Property="HorizontalContentAlignment" Value="Center"/> 
        <Setter Property="VerticalContentAlignment" Value="Center"/> 
        <Setter Property="VerticalAlignment" Value="Center"/> 
        <Setter Property="FontFamily" Value="Segoe UI"/> 
        <Setter Property="FontSize" Value="14"/> 
        <Setter Property="FocusVisualStyle" Value="{DynamicResource MainToolBarFocusVisual}" /> 
        <Setter Property="Template"> 
            <Setter.Value> 
                <ControlTemplate TargetType="{x:Type control:ToolbarButton}"> 
                    <Border x:Name="Bd" Height="42"  BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="true"> 
                        <StackPanel x:Name="AboutToolBarButtonStackPanel"  Orientation="Horizontal" Margin="7,0,7,0"> 
                            <Image Margin="0,0,7,0" x:Name="Icon" VerticalAlignment="Center" MaxWidth="16" MaxHeight="16" Source="{TemplateBinding Image}"/> 
                            <ContentPresenter Margin="0,7,0,7"  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/> 
                        </StackPanel> 
                    </Border> 
                    <ControlTemplate.Triggers> 
                        <Trigger Property="Text" Value="{x:Null}"> 
                            <Setter TargetName="Icon" Property="Margin" Value="0,0,0,0"/> 
                            <Setter TargetName="AboutToolBarButtonStackPanel" Property="Margin" Value="13,0,13,0"/> 
                        </Trigger> 
                        <Trigger Property="Image" Value="{x:Null}"> 
                            <Setter TargetName="Icon" Property="Visibility" Value="Collapsed"/> 
                        </Trigger> 
                        <Trigger Property="IsMouseOver" Value="true"> 
                            <Setter Property="Background" TargetName="Bd" Value="{DynamicResource ToolBarButtonHover}"/> 
                            <Setter Property="Foreground" Value="{DynamicResource ToolBarTextFontHighlightColor}"/> 
                        </Trigger> 
                        <Trigger Property="IsKeyboardFocused" Value="true"> 
                            <Setter Property="Background" TargetName="Bd" Value="{DynamicResource ToolBarButtonHover}"/> 
                            <Setter Property="Foreground" Value="{DynamicResource ToolBarTextFontHighlightColor}"/> 
                        </Trigger> 
                        <Trigger Property="IsEnabled" Value="false"> 
                            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/> 
                        </Trigger> 
                    </ControlTemplate.Triggers> 
                </ControlTemplate> 
            </Setter.Value> 
        </Setter> 
    </Style> 
      <Style x:Key="ToolBarSplitButtonStyle" TargetType="{x:Type control:SplitButton}" BasedOn="{StaticResource ToolBarButtonBaseStyle}" > 
    <Setter Property="HorizontalAlignment" Value="Stretch"/> 
    <Setter Property="VerticalAlignment" Value="Stretch"/> 
    <Setter Property="HorizontalContentAlignment" Value="Stretch"/> 
    <Setter Property="VerticalContentAlignment" Value="Center"/> 
    <Setter Property="Height" Value="42"/> 
      <Setter Property="FocusVisualStyle" Value="{DynamicResource MainToolBarFocusVisual}"/> 
    <Setter Property="Template"> 
      <Setter.Value> 
        <ControlTemplate TargetType="{x:Type control:SplitButton}"> 
          <Border SnapsToDevicePixels="True" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"> 
            <StackPanel Orientation="Horizontal" Margin="0,0,0,0"> 
              <Button x:Name="PART_Button"  Margin="0,0,0,0" Style="{DynamicResource ButtonStyle}" AutomationProperties.Name="{Binding Path=(AutomationProperties.Name), RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type control:SplitButton}}}" FocusVisualStyle="{DynamicResource MainToolBarFocusVisual}" > 
                <StackPanel Orientation="Horizontal"> 
                  <Image x:Name="Icon"  Margin="7,0,7,0" VerticalAlignment="Center" MaxWidth="16" MaxHeight="16" Source="{TemplateBinding Image}"/> 
                  <ContentPresenter x:Name="ToolBarSplitButtonContent" Margin="0,7,7,7" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/> 
                </StackPanel> 
              </Button> 
              <Separator Style="{DynamicResource VerticalSeparatorStyle}" Height="1" Width="16" Background="{DynamicResource SeparatorBrush}" Margin="0,0,0,0"/> 
              <Border x:Name="SplitDropDown"> 
                <Path x:Name="DownArrow" Style="{DynamicResource DownArrowGeometryStyle}" Margin="4,4,4,0"/> 
              </Border> 
            </StackPanel> 
          </Border> 
          <ControlTemplate.Triggers> 
            <Trigger Property="Image" Value="{x:Null}"> 
              <Setter TargetName="Icon" Property="Visibility" Value="Collapsed"/> 
              <Setter TargetName="ToolBarSplitButtonContent" Property="Margin" Value="7,7,7,7"/> 
            </Trigger> 
            <Trigger Property="Text" Value="{x:Null}"> 
              <Setter TargetName="ToolBarSplitButtonContent" Property="Margin" Value="0,0,0,0"/> 
            </Trigger> 
            <Trigger SourceName="PART_Button" Property="IsMouseOver" Value="True"> 
              <Setter Property="Background" Value="Transparent" TargetName="SplitDropDown"/> 
              <Setter Property="Background" Value="{DynamicResource ToolBarButtonHover}" TargetName="PART_Button"/> 
            </Trigger> 
            <Trigger SourceName="PART_Button" Property="IsKeyboardFocused" Value="True"> 
              <Setter Property="Background" Value="{DynamicResource ToolBarButtonHover}" TargetName="PART_Button"/> 
            </Trigger> 
            <Trigger SourceName="SplitDropDown" Property="IsMouseOver" Value="True"> 
              <Setter Property="Background" Value="{DynamicResource ToolBarButtonHover}" TargetName="SplitDropDown"/> 
              <Setter Property="Background" Value="Transparent" TargetName="PART_Button"/> 
            </Trigger> 
            <Trigger Property="IsChecked" Value="True"> 
              <Setter Property="Background" Value="{DynamicResource ToolBarButtonHover}"/> 
            </Trigger> 
            <Trigger Property="IsKeyboardFocused" Value="True"> 
              <Setter Property="Background" Value="{DynamicResource ToolBarButtonHover}"/> 
            </Trigger> 
            <MultiTrigger> 
              <MultiTrigger.Conditions> 
                <Condition Property="IsMouseOver" Value="True"/> 
                <Condition Property="IsChecked" Value="True"/> 
              </MultiTrigger.Conditions> 
              <Setter Property="Background" Value="{DynamicResource ToolBarButtonHover}"/> 
            </MultiTrigger> 
            <MultiTrigger> 
              <MultiTrigger.Conditions> 
                <Condition Property="IsKeyboardFocused" Value="True"/> 
                <Condition Property="IsChecked" Value="True"/> 
              </MultiTrigger.Conditions> 
              <Setter Property="Background" Value="{DynamicResource ToolBarButtonHover}"/> 
            </MultiTrigger> 
            <Trigger Property="IsPressed" Value="True"> 
              <Setter Property="Background" Value="{DynamicResource ToolBarButtonHover}"/> 
            </Trigger> 
            <Trigger Property="IsEnabled" Value="False"> 
              <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/> 
            </Trigger> 
          </ControlTemplate.Triggers> 
        </ControlTemplate> 
      </Setter.Value> 
    </Setter> 
  </Style> 
</ResourceDictionary> 

サンプル 2: サンプル XAML は、StyleResourceDictionary を定義し、Brush リソースはメインツールバーのカスタマイズを示します。

Note

Unified Service Desk - 統一インターフェイスのサンプル パッケージで、サンプル XAML スタイルを参照することができます。

<ResourceDictionary xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
xmlns:usd="clr-namespace:Microsoft.Crm.UnifiedServiceDesk.Dynamics;assembly=Microsoft.Crm.UnifiedServiceDesk.Dynamics"
xmlns:controlStyles="clr-namespace:Microsoft.Crm.UnifiedServiceDesk.Dynamics.Controls.Styles;assembly=Microsoft.Crm.UnifiedServiceDesk.Dynamics"
xmlns:usdPanelLayouts="clr-namespace:Microsoft.Crm.UnifiedServiceDesk.Dynamics.PanelLayouts;assembly=Microsoft.Crm.UnifiedServiceDesk.Dynamics"
xmlns:themes="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Luna"
xmlns:control="clr-namespace:Microsoft.Crm.UnifiedServiceDesk.Dynamics.Controls;assembly=Microsoft.Crm.UnifiedServiceDesk.Dynamics">

  <Style x:Key="ToolBarMainPanelBorderStyle" TargetType="{x:Type Border}">
        <Setter Property="Margin" Value="0,0,0,0"/>
        <Setter Property="CornerRadius" Value="3,3,3,3"/>
        <Setter Property="KeyboardNavigation.TabNavigation" Value="Continue"/>
        <Style.Triggers>
            <DataTrigger Binding="{Binding Source={x:Static SystemParameters.HighContrast}}" Value="true">
                <Setter Property="CornerRadius" Value="0,0,0,0"/>
            </DataTrigger>
        </Style.Triggers>
    </Style>

<Style x:Key="ToolBarThumbStyle" TargetType="{x:Type Thumb}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Thumb}">
                    <Border Background="Transparent" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="True">
                        <Rectangle>
                            <Rectangle.Fill>
                                <DrawingBrush TileMode="Tile" Viewbox="0,0,4,4" Viewport="0,0,4,4" ViewportUnits="Absolute" ViewboxUnits="Absolute">
                                    <DrawingBrush.Drawing>
                                        <DrawingGroup>
                                            <GeometryDrawing Brush="White" Geometry="M 1 1 L 1 3 L 3 3 L 3 1 z"/>
                                            <GeometryDrawing Brush="{DynamicResource ToolBarGripper}" Geometry="M 0 0 L 0 2 L 2 2 L 2 0 z"/>
                                        </DrawingGroup>
                                    </DrawingBrush.Drawing>
                                </DrawingBrush>
                            </Rectangle.Fill>
                        </Rectangle>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="true">
                            <Setter Property="Cursor" Value="SizeAll"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

<Style x:Key="ToolBarHorizontalOverflowButtonStyle" TargetType="{x:Type ToggleButton}">
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="MinHeight" Value="0"/>
        <Setter Property="MinWidth" Value="0"/>
        <Setter Property="KeyboardNavigation.TabNavigation" Value="Continue"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ToggleButton}">
                    <Border x:Name="Bd" Background="Transparent" CornerRadius="0" SnapsToDevicePixels="true">
                        <Image Source="{DynamicResource ImageMoreToolBarButtons}" Margin="7,5,7,5" Width="16" Height="16" VerticalAlignment="Bottom" HorizontalAlignment="Right"
                                  AutomationProperties.Name="More Menu"></Image>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="true">
                            <Setter Property="Background" TargetName="Bd" Value="{DynamicResource USDTabBackgroundBrush}"/>
                        </Trigger>
                        <Trigger Property="IsKeyboardFocused" Value="true">
                            <Setter Property="Background" TargetName="Bd" Value="{DynamicResource USDTabBackgroundBrush}"/>
                            <Setter Property="KeyboardNavigation.TabNavigation" Value="Continue"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="false">
                            <Setter Property="Foreground" Value="{DynamicResource ToolBarGripper}"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <DataTrigger Binding="{Binding Source={x:Static SystemParameters.HighContrast}}" Value="true">
                <Setter Property="Background" Value="Transparent"/>
            </DataTrigger>
        </Style.Triggers>
    </Style>


    <Style x:Key="ToolBarVerticalOverflowButtonStyle" TargetType="{x:Type ToggleButton}">
        <Setter Property="Background" Value="{DynamicResource NormalBrush}"/>
        <Setter Property="MinHeight" Value="0"/>
        <Setter Property="MinWidth" Value="0"/>
        <Setter Property="KeyboardNavigation.TabNavigation" Value="Continue"/>
        <Setter Property="KeyboardNavigation.DirectionalNavigation" Value="Continue"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ToggleButton}">
                    <Border x:Name="Bd" Background="Transparent" CornerRadius="0" SnapsToDevicePixels="true">
                        <Image Source="{DynamicResource ImageMoreToolBarButtons}" Margin="7,5,7,5" Width="16" Height="16" VerticalAlignment="Bottom" HorizontalAlignment="Right"
                                  AutomationProperties.Name="More Menu"></Image>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="true">
                            <Setter Property="Background" TargetName="Bd" Value="{DynamicResource USDTabBackgroundBrush}"/>
                        </Trigger>
                        <Trigger Property="IsKeyboardFocused" Value="true">
                            <Setter Property="Background" TargetName="Bd" Value="{DynamicResource USDTabBackgroundBrush}"/>
                            <Setter Property="KeyboardNavigation.TabNavigation" Value="Continue"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="false">
                            <Setter Property="Foreground" Value="{DynamicResource ToolBarGripper}"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <DataTrigger Binding="{Binding Source={x:Static SystemParameters.HighContrast}}" Value="true">
                <Setter Property="Background" Value="Transparent"/>
            </DataTrigger>
        </Style.Triggers>
    </Style>

<Style TargetType="{x:Type ToolBar}">
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="KeyboardNavigation.TabNavigation" Value="Local"/>
        <Setter Property="KeyboardNavigation.DirectionalNavigation" Value="Continue"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ToolBar}">
                    <Grid x:Name="Grid" Margin="0,0,0,0" SnapsToDevicePixels="true" Height="42">
                        <Grid x:Name="OverflowGrid" HorizontalAlignment="Right" Margin="0,0,-11,0">
                            <ToggleButton x:Name="OverflowButton" ClickMode="Press" FocusVisualStyle="{x:Null}" IsChecked="{Binding IsOverflowOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" 
                                          IsEnabled="{TemplateBinding HasOverflowItems}" Style="{StaticResource ToolBarHorizontalOverflowButtonStyle}" Visibility="Collapsed"
                                          Margin="0,0,0,5">
                            </ToggleButton>
                            <Popup x:Name="OverflowPopup" AllowsTransparency="true" Focusable="True" IsOpen="{Binding IsOverflowOpen, RelativeSource={RelativeSource TemplatedParent}}" PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}" Placement="Bottom" StaysOpen="false">
                                <themes:SystemDropShadowChrome x:Name="Shdw" Color="Transparent">
                                    <Border x:Name="ToolBarSubMenuBorder" BorderBrush="{DynamicResource ToolBarMenuBorder}" BorderThickness="1" Background="{DynamicResource ToolBarSubMenuBackground}" RenderOptions.ClearTypeHint="Enabled">
                                        <ToolBarOverflowPanel x:Name="PART_ToolBarOverflowPanel" KeyboardNavigation.DirectionalNavigation="Continue" FocusVisualStyle="{x:Null}" Focusable="true" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" KeyboardNavigation.TabNavigation="Cycle" WrapWidth="200"/>
                                    </Border>
                                </themes:SystemDropShadowChrome>
                            </Popup>
                        </Grid>
                        <Border x:Name="MainPanelBorder" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" Style="{StaticResource ToolBarMainPanelBorderStyle}">
                            <DockPanel KeyboardNavigation.TabIndex="1" KeyboardNavigation.TabNavigation="Local">
                                <Thumb x:Name="ToolBarThumb" Margin="-3,-1,0,0" Padding="6,5,1,6" Style="{StaticResource ToolBarThumbStyle}"/>
                                <ContentPresenter x:Name="ToolBarHeader" ContentSource="Header" HorizontalAlignment="Center" Margin="4,0,4,0" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="Center"/>
                                <ToolBarPanel x:Name="PART_ToolBarPanel" IsItemsHost="true" Margin="0" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                            </DockPanel>
                        </Border>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="HasOverflowItems" Value="true">
                            <Setter Property="Visibility" TargetName="OverflowButton" Value="Visible"/>
                        </Trigger>
                        <Trigger Property="IsOverflowOpen" Value="true">
                            <Setter Property="IsEnabled" TargetName="ToolBarThumb" Value="false"/>
                        </Trigger>
                        <Trigger Property="Header" Value="{x:Null}">
                            <Setter Property="Visibility" TargetName="ToolBarHeader" Value="Collapsed"/>
                        </Trigger>
                        <Trigger Property="ToolBarTray.IsLocked" Value="true">
                            <Setter Property="Visibility" TargetName="ToolBarThumb" Value="Collapsed"/>
                        </Trigger>
                        <Trigger Property="HasDropShadow" SourceName="OverflowPopup" Value="true">
                            <Setter Property="Margin" TargetName="Shdw" Value="0,0,5,5"/>
                            <Setter Property="SnapsToDevicePixels" TargetName="Shdw" Value="true"/>
                            <Setter Property="Color" TargetName="Shdw" Value="#71000000"/>
                        </Trigger>
                        <Trigger Property="Orientation" Value="Vertical">
                            <Setter Property="Margin" TargetName="Grid" Value="1,3,1,1"/>
                            <Setter Property="Style" TargetName="OverflowButton" Value="{StaticResource ToolBarVerticalOverflowButtonStyle}"/>
                            <Setter Property="Height" TargetName="ToolBarThumb" Value="10"/>
                            <Setter Property="Width" TargetName="ToolBarThumb" Value="Auto"/>
                            <Setter Property="Margin" TargetName="ToolBarThumb" Value="-1,-3,0,0"/>
                            <Setter Property="Padding" TargetName="ToolBarThumb" Value="5,6,6,1"/>
                            <Setter Property="Margin" TargetName="ToolBarHeader" Value="0,0,0,4"/>
                            <Setter Property="Margin" TargetName="PART_ToolBarPanel" Value="1,0,2,2"/>
                            <Setter Property="DockPanel.Dock" TargetName="ToolBarThumb" Value="Top"/>
                            <Setter Property="DockPanel.Dock" TargetName="ToolBarHeader" Value="Top"/>
                            <Setter Property="HorizontalAlignment" TargetName="OverflowGrid" Value="Stretch"/>
                            <Setter Property="VerticalAlignment" TargetName="OverflowGrid" Value="Bottom"/>
                            <Setter Property="Placement" TargetName="OverflowPopup" Value="Right"/>
                            <Setter Property="Margin" TargetName="MainPanelBorder" Value="0,0,0,11"/>
                            <Setter Property="Background" Value="Transparent"/>
                            <Setter Property="KeyboardNavigation.TabNavigation" Value="Local"/>
                            <Setter Property="KeyboardNavigation.DirectionalNavigation" Value="Continue"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="false">
                            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <DataTrigger Binding="{Binding Source={x:Static SystemParameters.HighContrast}}" Value="true">
                <Setter Property="Background" Value="Transparent"/>
            </DataTrigger>
        </Style.Triggers>
    </Style>

<Style x:Key="ToolBarButtonBaseStyle">
        <Setter Property="Control.BorderThickness" Value="0"/>
        <Setter Property="Control.Padding" Value="0"/>
        <Setter Property="Control.Background" Value="Transparent"/>
        <Setter Property="Control.BorderBrush" Value="Transparent"/>
        <Setter Property="Control.Foreground" Value="{DynamicResource ToolBarFontColor}"/>
        <Setter Property="Control.FontFamily" Value="Segoe UI"/>
        <Setter Property="Control.FontSize" Value="12"/>
    </Style>

<Style x:Key="MainToolBarFocusVisual">
    <Setter Property="Control.Template">
      <Setter.Value>
        <ControlTemplate>
          <Rectangle SnapsToDevicePixels="true" Stroke="White"
                  StrokeDashArray="1 2" StrokeThickness="1"/>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

<Style x:Key="ToolbarButtonTemplate" TargetType="{x:Type control:ToolbarButton}" BasedOn="{StaticResource ToolBarButtonBaseStyle}">
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="VerticalAlignment" Value="Center"/>
        <Setter Property="FontFamily" Value="Segoe UI"/>
        <Setter Property="FontSize" Value="14"/>
        <Setter Property="FocusVisualStyle" Value="{DynamicResource MainToolBarFocusVisual}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type control:ToolbarButton}">
                    <Border x:Name="Bd" Height="42"  BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="true">
                        <StackPanel x:Name="ToolBarButtonStackPanel"  Orientation="Horizontal" Margin="14,0,14,0">
                            <Image Margin="0,0,7,0" x:Name="Icon" VerticalAlignment="Center" MaxWidth="16" MaxHeight="16" Source="{TemplateBinding Image}"/>
                            <ContentPresenter x:Name="ToolBarButtonContentPresenter" Margin="0,7,0,7" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                        </StackPanel>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="Text" Value="{x:Null}">
                            <Setter TargetName="Icon" Property="Margin" Value="0,0,0,0"/>
                        </Trigger>
                        <Trigger Property="Image" Value="{x:Null}">
                            <Setter TargetName="Icon" Property="Visibility" Value="Collapsed"/>
                        </Trigger>
                        <Trigger Property="IsMouseOver" Value="true">
                            <Setter Property="Background" TargetName="Bd" Value="{DynamicResource ToolBarButtonHover}"/>
                            <Setter Property="Foreground" Value="{DynamicResource ToolBarTextFontHighlightColor}"/>
                        </Trigger>
                        <Trigger Property="IsKeyboardFocused" Value="true">
                            <Setter Property="Background" TargetName="Bd" Value="{DynamicResource ToolBarButtonHover}"/>
                            <Setter Property="Foreground" Value="{DynamicResource ToolBarTextFontHighlightColor}"/>
                        </Trigger>
                        <Trigger Property="IsPressed" Value="true">
                            <Setter Property="Background" TargetName="Bd" Value="{DynamicResource ToolBarButtonPressed}"/>
                            <Setter Property="Foreground" Value="{DynamicResource ToolBarButtonHover}"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="false">
                            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
<Style x:Key="ToolBarDropDownButtonStyle" TargetType="{x:Type control:DropDownButton}" BasedOn="{StaticResource ToolBarButtonBaseStyle}">
        <Setter Property="HorizontalAlignment" Value="Stretch"/>
        <Setter Property="VerticalAlignment" Value="Stretch"/>
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="FontFamily" Value="Segoe UI"/>
        <Setter Property="FontSize" Value="14"/>
        <Setter Property="FocusVisualStyle" Value="{DynamicResource MainToolBarFocusVisual}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type control:DropDownButton}">
                    <Border SnapsToDevicePixels="True" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
                        <!--<Label>-->
                        <StackPanel Orientation="Horizontal" Margin="14,0,14,0">
                            <Image Margin="0,0,7,0" x:Name="Icon" VerticalAlignment="Center" Width="16" Height="16" Source="{TemplateBinding Image}"/>
                            <ContentPresenter Margin="{TemplateBinding Margin}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                            <Path x:Name="DownArrow" Style="{DynamicResource DownArrowGeometryStyle}" Margin="7,4,0,0"/>
                        </StackPanel>
                        <!--</Label>-->
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="Text" Value="{x:Null}">
                            <Setter TargetName="Icon" Property="Margin" Value="0,0,0,0"/>
                        </Trigger>
                        <Trigger Property="Image" Value="{x:Null}">
                            <Setter TargetName="Icon" Property="Visibility" Value="Collapsed"/>
                        </Trigger>
                        <Trigger Property="IsChecked" Value="True">
                            <Setter Property="Background" Value="White"/>
                            <Setter Property="Foreground" Value="{DynamicResource ToolBarButtonHover}"/>
                            <Setter TargetName="DownArrow" Property="Stroke" Value="{DynamicResource ToolBarButtonHover}" />
                        </Trigger>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" Value="{DynamicResource ToolBarButtonHover}"/>
                            <Setter Property="Foreground" Value="{DynamicResource ToolBarTextFontHighlightColor}"/>
                            <Setter TargetName="DownArrow" Property="Stroke" Value="{DynamicResource ToolBarTextFontHighlightColor}" />
                        </Trigger>
                        <Trigger Property="IsKeyboardFocused" Value="True">
                            <Setter Property="Background" Value="{DynamicResource ToolBarButtonHover}"/>
                            <Setter Property="Foreground" Value="{DynamicResource ToolBarTextFontHighlightColor}"/>
                            <Setter TargetName="DownArrow" Property="Stroke" Value="{DynamicResource ToolBarTextFontHighlightColor}" />
                        </Trigger>

                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsMouseOver" Value="True"/>
                                <Condition Property="IsChecked" Value="True"/>
                            </MultiTrigger.Conditions>
                            <Setter Property="Background" Value="{DynamicResource ToolBarSplitButtonSelectedBrush}"/>
                            <Setter Property="Foreground" Value="{DynamicResource ToolBarTextFontHighlightColor}"/>
                            <Setter TargetName="DownArrow" Property="Stroke" Value="{DynamicResource ToolBarTextFontHighlightColor}" />
                        </MultiTrigger>
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsKeyboardFocused" Value="True"/>
                                <Condition Property="IsChecked" Value="True"/>
                            </MultiTrigger.Conditions>
                            <Setter Property="Background" Value="White"/>
                            <Setter Property="Foreground" Value="{DynamicResource ToolBarButtonHover}"/>
                            <Setter TargetName="DownArrow" Property="Stroke" Value="{DynamicResource ToolBarButtonHover}" />
                        </MultiTrigger>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter Property="Background" Value="White"/>
                            <Setter Property="Foreground" Value="{DynamicResource ToolBarButtonHover}"/>
                            <Setter TargetName="DownArrow" Property="Stroke" Value="{DynamicResource ToolBarButtonHover}"/>

                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

参照

Unified Service Desk のツールバー

エージェント アプリケーションの構成の概要