Hubコントロールは便利なのですが、HubSectionのヘッダーに何か操作をするコントロールを置こうとすると反応してくれません。 IsHeaderInteractiveをTrueにすると反応するようになるのですが、今度はマウスオーバーとかで色がついたり>みたいなグリフがついたりして邪魔です。そんなときは、こんなStyleをHubSectionに適用すれば解決します。
HubSectionのテンプレートから、いらない部分を除去した感じです。
<Style x:Key="NoGlyphHubSectionStyle"TargetType="HubSection"><Setter Property="HorizontalAlignment"Value="Left"/><Setter Property="VerticalAlignment"Value="Stretch"/><Setter Property="HorizontalContentAlignment"Value="Left"/><Setter Property="VerticalContentAlignment"Value="Top"/><Setter Property="Padding"Value="40,40,40,44"/><Setter Property="IsTabStop"Value="False"/><Setter Property="Template"><Setter.Value><ControlTemplate TargetType="HubSection"><Border BorderBrush="{TemplateBinding BorderBrush}"BorderThickness="{TemplateBinding BorderThickness}"Background="{TemplateBinding Background}"><Border.Resources><ControlTemplate x:Key="HeaderButtonTemplate"TargetType="Button"><Grid Background="Transparent"><StackPanel Orientation="Horizontal"><ContentPresenter x:Name="ContentPresenter"ContentTemplate="{TemplateBinding ContentTemplate}"Content="{TemplateBinding Content}"OpticalMarginAlignment="TrimSideBearings"TextLineBounds="Tight"VerticalAlignment="Center"/></StackPanel><Rectangle x:Name="FocusVisualWhite"IsHitTestVisible="False"Margin="-5"Opacity="0"StrokeDashOffset="1.5"StrokeEndLineCap="Square"Stroke="{ThemeResource FocusVisualWhiteStrokeThemeBrush}"StrokeDashArray="1,1"/><Rectangle x:Name="FocusVisualBlack"IsHitTestVisible="False"Margin="-5"Opacity="0"StrokeDashOffset="0.5"StrokeEndLineCap="Square"Stroke="{ThemeResource FocusVisualBlackStrokeThemeBrush}"StrokeDashArray="1,1"/></Grid></ControlTemplate></Border.Resources><Grid HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"Margin="{TemplateBinding Padding}"VerticalAlignment="{TemplateBinding VerticalContentAlignment}"><Grid.RowDefinitions><RowDefinition Height="Auto"/><RowDefinition Height="Auto"/><RowDefinition Height="*"/></Grid.RowDefinitions><Rectangle x:Name="HubHeaderPlaceholder"Grid.Row="0"/><Button x:Name="HeaderButton"ContentTemplate="{TemplateBinding HeaderTemplate}"Content="{TemplateBinding Header}"FontWeight="{ThemeResource HubSectionHeaderThemeFontWeight}"FontSize="{ThemeResource HubSectionHeaderThemeFontSize}"Margin="{ThemeResource HubSectionHeaderThemeMargin}"Grid.Row="1"Template="{StaticResource HeaderButtonTemplate}"/><ContentPresenter x:Name="ContentPresenter"ContentTemplate="{TemplateBinding ContentTemplate}"Grid.Row="2"/></Grid></Border></ControlTemplate></Setter.Value></Setter></Style>