c# - 如何在 uwp 中将图标添加到菜单栏
问题描述
我正在尝试制作一个具有菜单栏的 uwp 应用程序,尽管我想向它添加图标(而不是它的 menuflyoutitems),就像 mac os 菜单栏在右侧有图标一样。我试图实现同样的目标,但一无所获。请帮助,在此先感谢!
解决方案
我正在尝试制作一个具有菜单栏的 uwp 应用程序,尽管我想向它添加图标(而不是它的 menuflyoutitems),
当然,对于这种情况,更好的方法是自定义MenuBarItem
样式,并ContentButton
使用图标而不是默认的 Title 属性更新内容。
例如
<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}" />
推荐阅读
- azure - 从 Azure 托管应用调用 Azure 自定义提供程序操作
- typescript - Typescript BigInt 添加问题:不能混合 BigInt 和其他类型,使用显式转换
- ruby - 如何修复 Homebrew 安装失败并显示“错误:无法安装 Homebrew Portable Ruby”
- python - 如何在同一个客户端中拥有套接字连接和 websocket 连接?
- powershell - 尝试读取新创建文件夹中的文件时,Powershell“权限被拒绝”
- rust - Rust:迭代 ASCII 字符串字符的最有效方法
- makefile - Makefile- 来自各种组件的文件 .c
- python - Python VLC 行为 - 播放后如何从 media_list 中删除以及我如何知道现在正在播放什么
- c# - 如何确保我的 POST 请求成功?有人可以在下面批准我的代码吗?
- api - 环回 4 中的哪里是创建用户表和 userCredentials 的脚本?