wpf - 自定义菜单WPF(XAML)-6ren

wpf - 自定义菜单WPF(XAML)

转载作者：行者123 更新时间：2023-12-03 00:23:23

我们的服务中有开发人员，这是wpf xaml与powershell脚本之间的链接。
实际上，对于每个简单的控件(例如文本框，richtextbox，按钮等)，我们确实没有任何困难。

但是现在，我们想尝试制作一个菜单，例如记事本(文件，编辑等)。目的是具有这样的菜单样式:Black Menu

我在这里和其他网站上已经阅读了许多有关样式的主题，但是没有任何作用(C#使用了许多代码，因此修改它很复杂)。

如果我理解正确，则需要为菜单创建自定义样式。例如，这是我的菜单:

<Window x:Class="Test.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:eo="http://schemas.essentialobjects.com/wpf/"
        Title="MainWindow" Height="250" Width="350">
    <StackPanel>
        <Menu>
            <MenuItem Header="_File">
                <MenuItem Header="_New" />
                <MenuItem Header="_Save" />
                <MenuItem Header="_Quit" />
            </MenuItem>
            <MenuItem Header="_Edit">
                <MenuItem Header="_Copy" />
                <MenuItem Header="_Cut" />
                <MenuItem Header="_Paste" />
            </MenuItem>
        </Menu>
    </StackPanel>
</Window>

我需要在哪里放置自定义样式，以及如何放置？ (背景黑色，文本白色，悬停浅蓝色，子菜单背景黑色(无白色边框))

感谢您的帮助，如果请求中的内容不清楚，我们将深表歉意。很难解释。

最佳答案

尝试这样的事情:

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApplication1"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>

        <Style x:Key="menuParentStyle" TargetType="MenuItem">
            <Setter Property="Background" Value="Black"/>
            <Setter Property="Foreground" Value="White"/>
        </Style>


        <SolidColorBrush x:Key="Menu.Static.Foreground" Color="White"/>
        <SolidColorBrush x:Key="Menu.Static.Background" Color="Black"/>
        <SolidColorBrush x:Key="Menu.Static.Border" Color="Transparent"/>
        <Style x:Key="MenuItemStyle1" TargetType="{x:Type MenuItem}">
            <Setter Property="HorizontalContentAlignment" Value="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
            <Setter Property="VerticalContentAlignment" Value="{Binding VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
            <Setter Property="Background" Value="Black"/>
            <Setter Property="BorderBrush" Value="Transparent"/>
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="BorderThickness" Value="0"/>
            <Setter Property="ScrollViewer.PanningMode" Value="Both"/>
            <Setter Property="Stylus.IsFlicksEnabled" Value="False"/>
            <Setter Property="Template" Value="{DynamicResource MenuItemControlTemplate1}"/>
            <Style.Triggers>
                <Trigger Property="Role" Value="TopLevelHeader">
                    <Setter Property="Background" Value="Transparent"/>
                    <Setter Property="BorderBrush" Value="Transparent"/>
                    <Setter Property="Foreground" Value="{StaticResource Menu.Static.Foreground}"/>
                    <Setter Property="Template" Value="{DynamicResource {ComponentResourceKey ResourceId=TopLevelHeaderTemplateKey, TypeInTargetAssembly={x:Type MenuItem}}}"/>
                    <Setter Property="Padding" Value="6,0"/>
                </Trigger>
                <Trigger Property="Role" Value="TopLevelItem">
                    <Setter Property="Background" Value="{StaticResource Menu.Static.Background}"/>
                    <Setter Property="BorderBrush" Value="{StaticResource Menu.Static.Border}"/>
                    <Setter Property="Foreground" Value="{StaticResource Menu.Static.Foreground}"/>
                    <Setter Property="Template" Value="{DynamicResource {ComponentResourceKey ResourceId=TopLevelItemTemplateKey, TypeInTargetAssembly={x:Type MenuItem}}}"/>
                    <Setter Property="Padding" Value="6,0"/>
                </Trigger>
                <Trigger Property="Role" Value="SubmenuHeader">
                    <Setter Property="Template" Value="{DynamicResource {ComponentResourceKey ResourceId=SubmenuHeaderTemplateKey, TypeInTargetAssembly={x:Type MenuItem}}}"/>
                </Trigger>
                <Trigger Property="IsMouseOver" Value="true">
                    <Setter Property="Background" Value="Pink" />
                </Trigger>
                <Trigger Property="IsKeyboardFocusWithin" Value="true">
                    <Setter Property="Background" Value="#0a99f3" />
                </Trigger>
            </Style.Triggers>
        </Style>
        <ControlTemplate x:Key="MenuItemControlTemplate1" TargetType="{x:Type MenuItem}">
            <Border x:Name="templateRoot" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
                <Grid Margin="-1">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition MinWidth="22" SharedSizeGroup="MenuItemIconColumnGroup" Width="Auto"/>
                        <ColumnDefinition Width="13"/>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="30"/>
                        <ColumnDefinition SharedSizeGroup="MenuItemIGTColumnGroup" Width="Auto"/>
                        <ColumnDefinition Width="20"/>
                    </Grid.ColumnDefinitions>
                    <ContentPresenter x:Name="Icon" Content="{TemplateBinding Icon}" ContentSource="Icon" HorizontalAlignment="Center" Height="16" Margin="3" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="Center" Width="16"/>
                    <Border x:Name="GlyphPanel" BorderBrush="#FF26A0DA" BorderThickness="1" Background="#3D26A0DA" ClipToBounds="False" HorizontalAlignment="Center" Height="22" Margin="-1,0,0,0" Visibility="Hidden" VerticalAlignment="Center" Width="22">
                        <Path x:Name="Glyph" Data="F1M10,1.2L4.7,9.1 4.5,9.1 0,5.2 1.3,3.5 4.3,6.1 8.3,0 10,1.2z" Fill="#FF212121" FlowDirection="LeftToRight" Height="11" Width="10"/>
                    </Border>
                    <ContentPresenter x:Name="menuHeaderContainer" ContentTemplate="{TemplateBinding HeaderTemplate}" Content="{TemplateBinding Header}" Grid.Column="2" ContentStringFormat="{TemplateBinding HeaderStringFormat}" ContentSource="Header" HorizontalAlignment="Left" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="Center"/>
                    <TextBlock x:Name="menuGestureText" Grid.Column="4" Margin="{TemplateBinding Padding}" Opacity="0.7" Text="{TemplateBinding InputGestureText}" VerticalAlignment="Center"/>
                </Grid>
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="Icon" Value="{x:Null}">
                    <Setter Property="Visibility" TargetName="Icon" Value="Collapsed"/>
                </Trigger>
                <Trigger Property="IsChecked" Value="True">
                    <Setter Property="Visibility" TargetName="GlyphPanel" Value="Visible"/>
                    <Setter Property="Visibility" TargetName="Icon" Value="Collapsed"/>
                </Trigger>
                <Trigger Property="IsHighlighted" Value="True">
                    <Setter Property="Background" TargetName="templateRoot" Value="Blue"/>
                    <!--<Setter Property="BorderBrush" TargetName="templateRoot" Value="Yellow"/>-->
                </Trigger>
                <Trigger Property="IsEnabled" Value="False">
                    <Setter Property="TextElement.Foreground" TargetName="templateRoot" Value="#FF707070"/>
                    <Setter Property="Fill" TargetName="Glyph" Value="#FF707070"/>
                </Trigger>
                <MultiTrigger>
                    <MultiTrigger.Conditions>
                        <Condition Property="IsHighlighted" Value="True"/>
                        <Condition Property="IsEnabled" Value="False"/>
                    </MultiTrigger.Conditions>
                    <Setter Property="Background" TargetName="templateRoot" Value="#0A000000"/>
                    <Setter Property="BorderBrush" TargetName="templateRoot" Value="#21000000"/>
                </MultiTrigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
        <ControlTemplate x:Key="MenuItemControlTemplate2" TargetType="{x:Type MenuItem}">
            <Border x:Name="templateRoot" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
                <Grid VerticalAlignment="Center">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <ContentPresenter x:Name="Icon" Content="{TemplateBinding Icon}" ContentSource="Icon" HorizontalAlignment="Center" Height="16" Margin="3" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="Center" Width="16"/>
                    <Path x:Name="GlyphPanel" Data="F1M10,1.2L4.7,9.1 4.5,9.1 0,5.2 1.3,3.5 4.3,6.1 8.3,0 10,1.2z" Fill="{TemplateBinding Foreground}" FlowDirection="LeftToRight" Margin="3" Visibility="Collapsed" VerticalAlignment="Center"/>
                    <ContentPresenter ContentTemplate="{TemplateBinding HeaderTemplate}" Content="{TemplateBinding Header}" Grid.Column="1" ContentStringFormat="{TemplateBinding HeaderStringFormat}" ContentSource="Header" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                    <Popup x:Name="PART_Popup" AllowsTransparency="True" Focusable="False" IsOpen="{Binding IsSubmenuOpen, RelativeSource={RelativeSource TemplatedParent}}" PopupAnimation="{DynamicResource {x:Static SystemParameters.MenuPopupAnimationKey}}" Placement="Bottom">
                        <Border x:Name="SubMenuBorder" BorderBrush="#FF999999" BorderThickness="1" Background="#FFF0F0F0" Padding="2">
                            <ScrollViewer x:Name="SubMenuScrollViewer" Style="{DynamicResource {ComponentResourceKey ResourceId=MenuScrollViewer, TypeInTargetAssembly={x:Type FrameworkElement}}}">
                                <Grid RenderOptions.ClearTypeHint="Enabled">
                                    <Canvas HorizontalAlignment="Left" Height="0" VerticalAlignment="Top" Width="0">
                                        <Rectangle x:Name="OpaqueRect" Fill="{Binding Background, ElementName=SubMenuBorder}" Height="{Binding ActualHeight, ElementName=SubMenuBorder}" Width="{Binding ActualWidth, ElementName=SubMenuBorder}"/>
                                    </Canvas>
                                    <Rectangle Fill="#FFD7D7D7" HorizontalAlignment="Left" Margin="29,2,0,2" Width="1"/>
                                    <ItemsPresenter x:Name="ItemsPresenter" KeyboardNavigation.DirectionalNavigation="Cycle" Grid.IsSharedSizeScope="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" KeyboardNavigation.TabNavigation="Cycle"/>
                                </Grid>
                            </ScrollViewer>
                        </Border>
                    </Popup>
                </Grid>
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="IsSuspendingPopupAnimation" Value="True">
                    <Setter Property="PopupAnimation" TargetName="PART_Popup" Value="None"/>
                </Trigger>
                <Trigger Property="Icon" Value="{x:Null}">
                    <Setter Property="Visibility" TargetName="Icon" Value="Collapsed"/>
                </Trigger>
                <Trigger Property="IsChecked" Value="True">
                    <Setter Property="Visibility" TargetName="GlyphPanel" Value="Visible"/>
                    <Setter Property="Visibility" TargetName="Icon" Value="Collapsed"/>
                </Trigger>
                <Trigger Property="IsHighlighted" Value="True">
                    <Setter Property="Background" TargetName="templateRoot" Value="Blue"/>
                    <!--<Setter Property="BorderBrush" TargetName="templateRoot" Value="#FF26A0DA"/>-->
                </Trigger>
                <Trigger Property="IsEnabled" Value="False">
                    <Setter Property="TextElement.Foreground" TargetName="templateRoot" Value="#FF707070"/>
                    <Setter Property="Fill" TargetName="GlyphPanel" Value="#FF707070"/>
                </Trigger>
                <Trigger Property="CanContentScroll" SourceName="SubMenuScrollViewer" Value="False">
                    <Setter Property="Canvas.Top" TargetName="OpaqueRect" Value="{Binding VerticalOffset, ElementName=SubMenuScrollViewer}"/>
                    <Setter Property="Canvas.Left" TargetName="OpaqueRect" Value="{Binding HorizontalOffset, ElementName=SubMenuScrollViewer}"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>


    </Window.Resources>
    <StackPanel>
        <Menu>
            <MenuItem Header="_File" Style="{StaticResource menuParentStyle}" ItemContainerStyle="{DynamicResource MenuItemStyle1}" Template="{DynamicResource MenuItemControlTemplate2}"  >
                <MenuItem Header="_New"  />
                <MenuItem Header="_Save"/>
                <MenuItem Header="_Quit" />
            </MenuItem>
            <MenuItem Header="_Edit" Style="{StaticResource menuParentStyle}"  ItemContainerStyle="{DynamicResource MenuItemStyle1}"  Template="{DynamicResource MenuItemControlTemplate2}">
                <MenuItem Header="_Copy"/>
                <MenuItem Header="_Cut" />
                <MenuItem Header="_Paste" />
            </MenuItem>
        </Menu>
    </StackPanel>

我敢肯定它可以优化，但这可以为您提供解决方案。

问候，

关于wpf - 自定义菜单WPF(XAML)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36128054/

文章推荐： python - Python-读取音频数据而不保存到文件

文章推荐： json - 如何过滤嵌套聚合

文章推荐： python-3.x - 如何使用python播放声音并且没有while循环

文章推荐： javascript - 如何让我的按钮导航到不同的页面？

xaml - 有没有办法在另一个 XAML 文件中包含 XAML 文件？
我想创建一个包含一堆其他 XAML 文件的主 XAML 文件。这可能吗？最佳答案在您的主 Xaml 中，使用项目控件 balise 和 Xaml 组合器，您必须使用定义您的项目用户控件代替
xaml - xaml 中的切换开关大小
如何在 xaml 中更改 ToggleSwitch 中实际开关的大小？我可以更改 OnContent 和 OffContent 的文本大小，但滑动开关永远不会更改大小。这些都不会改变开关本身的大小，
xaml - XAML 中数据模板的条件呈现
我有一个文本 block 列表，其中可能包括里面的 url，比如: 构建失败，请在此处查看更多信息:http://... 构建成功应用 http://myapp/无法启动，请在此处查看更多信息:ht
xaml - XAML 资源字典中的算术运算
我想做的事我最近一直在探索 XAML 资源字典。它们非常强大，但为了减少(甚至进一步)为适应任何修改而需要进行的更改，我想使用一些基本的算术运算来更改 HeightRequest Entry 的属性
xaml - XAML 中的中心弹出窗口
我使用以下代码创建了一个弹出窗口，但我不知道如何将它居中我试图在运行时自动更改边距，但我不知道该怎么做，但是有人知道如何将弹出窗口居中吗？它没有标准维度，因为我需要全局化我的程序
xaml - XAML 命名空间的最佳命名约定是什么？
哪种类型的命名更适合在 XAML 中使用: xmlns:inventoryControls="clr-namespace:Inventory.Components.Controls;assembly=
xaml - XAML 中的字符串格式
我正在尝试格式化我的 string每 3 位有逗号，如果不是整数，则为小数。我检查了大约 20 个示例，这是我最接近的示例: 但我得到一个 The property 'StringFormat' w
xaml - 创建圆形图像 Xaml
在 Windows Phone 8 中，我想将一个图像放在一个圆圈中。是否有类似网格的圆形容器？我知道有椭圆位它不是容器最佳答案这是我如何做到的。
xaml - xaml 中的逻辑非
有没有办法在 XAML 中检查逻辑非逻辑。我试图绑定(bind)到广泛使用的属性，但是对于这些新的绑定(bind)，它的方式是错误的。我不想修改属性，那么有没有办法在 xaml 中反转 bool 结果
xaml - XAML 中可以使用百分比值吗？
在 html 中可以说 width="20%"。这在 XAML 中当然是不允许的。有谁知道为什么会这样或者有没有办法在 XAML 中获得百分比值支持？最佳答案网格列定义和行定义允许比例单位(除了固
xaml - 在运行时设置 XAML？
我可以动态创建 XAML 并将其弹出到我的应用程序中吗？该怎么做呢？最佳答案是的，这很简单: XmlReader tXml = XmlReader.Create(myXamlString); UI
xaml - XAML 编译在运行时的工作方式
简短版: 如果不使用 xamlc 预编译 xaml，应用程序中捆绑了什么以在运行时编译 xaml？它是否取决于 xamarin.forms nugets 之外的应用构建时的当前工具集？长版: 我们有
xaml - 如何为不同的方向切换不同的 xaml
我知道如何显示内容页面，但如何根据方向选择正确的布局。我想编写 xaml 文件:一个用于垂直方向，另一个用于水平方向。方向改变时是否可以切换xaml文件最佳答案 Xamarin.Forms does
c# - 如何在 Windows Phone 8 中将更多 XAML 页面或更多 XAML.cs 页面添加到一个 XAML 或一个 XAML.cs 文件？
我是一名 Android 开发者，我是 Windows Phone 8 的新手最近我做了一个 android 应用程序..所以我想在 Windows Phone 8 中开发具有相同 View 和相同
xaml - Generic.xaml xaml 编译在控件样式上给出错误 WMC0610(XBF 生成错误代码 0x3e9)
在库中编译 XAML 时出现以下错误: Themes\Generic.xaml(35,12): XamlCompiler error WMC0610: XBF generation error cod
xaml - 如何在 Windows Phone 7 中将 XAML 包含到另一个 XAML 中？
我需要在几个不同的 XAML 布局文件中包含一个通用的 XAML。我不想在其他 XAML 文件中对重复的 XAML 部分进行硬编码。怎么做包含？最佳答案你能把共享代码变成UserControl
xaml - 如何在 XAML 文本字符串中显示一个符号？
我想像这样添加一个符号: 这行不通，所以我尝试用\分隔，但也行不通。有人对我如何做到这一点有任何建议吗？最佳答案其实这个问题不是关于XAML的，它只是一个纯XML的问题。 XML中有些字符需要转
xaml - Xaml 中的列表<颜色>
我在 Xaml 中定义了这样的列表。 #3599B8 #374649 #FD625E #F2C80F
xaml - 看不到 XAML 实时可视化树
在向 Microsoft 报告之前，我想在这里问一下。我有一个问题，我无法看到我的 WinUI 3 应用程序的实时可视化树。我什至看不到应用程序内工具栏。我可以在 WPF 和 UWP 应用程序中看到，
xaml - Xamarin XAML 数据触发器动画
我已经定义了一个动画作为一个资源，当通过这样的 EventTrigger 调用时它可以工作: 然后

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

wpf - 自定义菜单WPF(XAML)