我正在嘗試制作一個 uwp 應用程式,它有一個選單欄,盡管我想向它添加圖示(而不是它的 menuflyoutitems),就像 mac os 選單欄在右側有圖示一樣。我正在努力實作同樣的目標,但一無所獲。請幫忙,提前致謝!
uj5u.com熱心網友回復:
我正在嘗試制作一個 uwp 應用程式,它有一個選單欄,雖然我想向它添加圖示(而不是它的 menuflyoutitems),
當然,對于這種情況,更好的方法是自定義MenuBarItem樣式,并ContentButton使用圖示而不是默認的標題屬性更新內容。
例如
<Style x:Key="ImageBarItem" TargetType="MenuBarItem">
<Setter Property="Background" Value="{ThemeResource MenuBarItemBackground}" />
<Setter Property="BorderThickness" Value="{ThemeResource MenuBarItemBorderThickness}" />
<Setter Property="BorderBrush" Value="{ThemeResource MenuBarItemBorderBrush}" />
<Setter Property="Title" Value="Item" />
<Setter Property="IsTabStop" Value="True" />
<Setter Property="ExitDisplayModeOnAccessKeyInvoked" Value="False" />
<Setter Property="UseSystemFocusVisuals" Value="True" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="MenuBarItem">
<Grid x:Name="ContentRoot" Background="{TemplateBinding Background}">
<Grid.Resources>
<SolidColorBrush x:Key="ButtonBackground" Color="Transparent" />
<SolidColorBrush x:Key="ButtonBackgroundPointerOver" Color="Transparent" />
<SolidColorBrush x:Key="ButtonBackgroundPressed" Color="Transparent" />
<SolidColorBrush x:Key="ButtonBackgroundDisabled" Color="Transparent" />
</Grid.Resources>
<Border
x:Name="Background"
Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}" />
<Button
x:Name="ContentButton"
Padding="12,0,12,0"
VerticalAlignment="Stretch"
AutomationProperties.AccessibilityView="Raw"
Background="Transparent"
BorderThickness="0"
IsTabStop="False">
<!--add icon-->
<SymbolIcon Symbol="Add" />
</Button>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Normal" />
<VisualState x:Name="PointerOver">
<VisualState.Setters>
<Setter Target="Background.Background" Value="{ThemeResource MenuBarItemBackgroundPointerOver}" />
<Setter Target="Background.BorderBrush" Value="{ThemeResource MenuBarItemBorderBrushPointerOver}" />
</VisualState.Setters>
</VisualState>
<VisualState x:Name="Pressed">
<VisualState.Setters>
<Setter Target="Background.Background" Value="{ThemeResource MenuBarItemBackgroundPressed}" />
<Setter Target="Background.BorderBrush" Value="{ThemeResource MenuBarItemBorderBrushPressed}" />
</VisualState.Setters>
</VisualState>
<VisualState x:Name="Selected">
<VisualState.Setters>
<Setter Target="Background.Background" Value="{ThemeResource MenuBarItemBackgroundSelected}" />
<Setter Target="Background.BorderBrush" Value="{ThemeResource MenuBarItemBorderBrushSelected}" />
</VisualState.Setters>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
用法
<MenuBar VerticalAlignment="Top">
<MenuBarItem Style="{StaticResource ImageBarItem}" />
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/313973.html
