0

我使用 mutil menuitem 创建了代码，但无法删除边框。

链接图片.

如何删除菜单项边框 WPF？

下面的代码 MainWindow.xaml

<Window x:Class="TestMutilColumnMenu.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:TestMutilColumnMenu"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <Style x:Key="MenuItem1" TargetType="{x:Type MenuItem}">
            <Setter Property="BorderBrush"  Value="DarkGray"/>
            <Setter Property="Margin"  Value="1,1,1,1"/>
        </Style>
    </Window.Resources>
    <Menu>
        <MenuItem x:Name="tesst" Header="nane" >
            <MenuItem.ItemsPanel>
                <ItemsPanelTemplate>
                    <Grid VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition/>
                            <RowDefinition/>
                            <RowDefinition/>
                            <RowDefinition/>
                        </Grid.RowDefinitions>
                    </Grid>
                </ItemsPanelTemplate>
            </MenuItem.ItemsPanel>
            <MenuItem Grid.Row="0" Grid.Column="0"  Header="Item 1" Style="{StaticResource  MenuItem1}">
                <MenuItem.Icon>
                    <Image Source="/res/Image.png"/>
                </MenuItem.Icon>
            </MenuItem>
            <MenuItem  Grid.Row="1" Grid.Column="0" Header="Item 2" Style="{StaticResource  MenuItem1}">
                <MenuItem.Icon>
                    <Image Source="/res/Image.png"/>
                </MenuItem.Icon>
            </MenuItem>
            <MenuItem Grid.Row="2" Grid.Column="0" Header="Item 3" Style="{StaticResource  MenuItem1}"></MenuItem>
            <MenuItem Grid.Row="3" Grid.Column="0" Header="Item 4" Style="{StaticResource  MenuItem1}"></MenuItem>
            <MenuItem Grid.Row="0" Grid.Column="1" Header="Item 5" Style="{StaticResource  MenuItem1}">
                <MenuItem.Icon>
                    <Image Source="/res/Image.png"/>
                </MenuItem.Icon>
            </MenuItem>
            <MenuItem Grid.Row="1" Grid.Column="1" Header="Item 6" Style="{StaticResource  MenuItem1}">
                <MenuItem.Icon>
                    <Image Source="/res/Image.png"/>
                </MenuItem.Icon>
            </MenuItem>
            <MenuItem Grid.Row="2" Grid.Column="1" Header="Item 7" Style="{StaticResource  MenuItem1}">
                <MenuItem.Icon>
                    <Image Source="/res/Image.png"/>
                </MenuItem.Icon>
            </MenuItem>
            <MenuItem Grid.Row="3" Grid.Column="1" Header="Item 8" Style="{StaticResource  MenuItem1}"></MenuItem>
            <MenuItem Grid.Row="0" Grid.Column="2" Header="Item 9" Style="{StaticResource  MenuItem1}"></MenuItem>
            <MenuItem Grid.Row="1" Grid.Column="2" Header="Item 10" Style="{StaticResource  MenuItem1}"></MenuItem>
        </MenuItem>
    </Menu>
</Window>
4

2 回答 2

0

当右键单击子菜单可见。我想删除边框 ContexMenu，但不删除。请帮我

链接图片。

下面的代码

<Window x:Class="TestMutilColumnMenu.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:TestMutilColumnMenu"
    mc:Ignorable="d"
    Title="MainWindow" Height="350" Width="525">
<Window.Resources>
    <Style x:Key="MenuItem1" TargetType="{x:Type MenuItem}">
        <Setter Property="BorderBrush"  Value="DarkGray"/>
        <Setter Property="Margin"  Value="1,1,1,1"/>
      
    </Style>

</Window.Resources>
<TextBox x:Name = "textBox1" HorizontalAlignment = "Left" Height = "178"
     Margin = "92,61,0,0" TextWrapping = "Wrap" Text = "Hi, this is WPF tutorial"  
     VerticalAlignment = "Top" Width = "306">
    <TextBox.ContextMenu>
        <ContextMenu>
        
            <ContextMenu.ItemsPanel>
            <ItemsPanelTemplate>
                <Grid VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition/>
                        <RowDefinition/>
                        <RowDefinition/>
                        <RowDefinition/>
                    </Grid.RowDefinitions>
                </Grid>
            </ItemsPanelTemplate>
        </ContextMenu.ItemsPanel>
        <MenuItem Grid.Row="0" Grid.Column="0"  Header="Item 1" Style="{StaticResource  MenuItem1}" >
            <MenuItem.Icon>
                <Image Source="/res/Image.png"/>
            </MenuItem.Icon>
        </MenuItem>
        <MenuItem  Grid.Row="1" Grid.Column="0" Header="Item 2" Style="{StaticResource  MenuItem1}" >
            <MenuItem.Icon>
                <Image Source="/res/Image.png"/>
            </MenuItem.Icon>
        </MenuItem>
        <MenuItem Grid.Row="2" Grid.Column="0" Header="Item 3" Style="{StaticResource  MenuItem1}" ></MenuItem>
        <MenuItem Grid.Row="3" Grid.Column="0" Header="Item 4" Style="{StaticResource  MenuItem1}" ></MenuItem>
        <MenuItem Grid.Row="0" Grid.Column="1" Header="Item 5" Style="{StaticResource  MenuItem1}" >
            <MenuItem.Icon>
                <Image Source="/res/Image.png"/>
            </MenuItem.Icon>
        </MenuItem>
        <MenuItem Grid.Row="1" Grid.Column="1" Header="Item 6" Style="{StaticResource  MenuItem1}" >
            <MenuItem.Icon>
                <Image Source="/res/Image.png"/>
            </MenuItem.Icon>
        </MenuItem>
        <MenuItem Grid.Row="2" Grid.Column="1" Header="Item 7" Style="{StaticResource  MenuItem1}" >
            <MenuItem.Icon>
                <Image Source="/res/Image.png"/>
            </MenuItem.Icon>
        </MenuItem>
        <MenuItem Grid.Row="3" Grid.Column="1" Header="Item 8" Style="{StaticResource  MenuItem1}" ></MenuItem>
        <MenuItem Grid.Row="0" Grid.Column="2" Header="Item 9" Style="{StaticResource  MenuItem1}" ></MenuItem>
        <MenuItem Grid.Row="1" Grid.Column="2" Header="Item 10" Style="{StaticResource  MenuItem1}" ></MenuItem>
            
    </ContextMenu>
    </TextBox.ContextMenu>
</TextBox>
于 2020-08-18T01:54:42.770 回答
0

ControlTemplate为 root定义一个自定义MenuItem。这是默认的，除了Width我Rectange从 更改1为 的0：

<MenuItem x:Name="tesst" Header="nane" >
    <MenuItem.Template>
        <ControlTemplate TargetType="{x:Type MenuItem}">
            <Border x:Name="templateRoot" SnapsToDevicePixels="true"
                    BorderThickness="{TemplateBinding Control.BorderThickness}"
                    Background="{TemplateBinding Control.Background}"
                    BorderBrush="{TemplateBinding Control.BorderBrush}">
                <Grid VerticalAlignment="Center">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <ContentPresenter x:Name="Icon" ContentSource="Icon"
                          SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}" VerticalAlignment="Center"
                          HorizontalAlignment="Center" Width="16" Height="16" Margin="3"/>
                    <Path x:Name="GlyphPanel" Data="M 0,0 L 4,3.5 L 0,7 Z" FlowDirection="LeftToRight" Margin="3"
                          Visibility="Collapsed" VerticalAlignment="Center" Fill="{TemplateBinding Control.Foreground}"/>
                    <ContentPresenter Grid.Column="1" ContentSource="Header" RecognizesAccessKey="true"
                          Margin="{TemplateBinding Control.Padding}"
                          SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}"/>
                    <Popup x:Name="PART_Popup" AllowsTransparency="true" Focusable="false"
                           PopupAnimation="{DynamicResource {x:Static SystemParameters.MenuPopupAnimationKey}}"
                           Placement="Bottom"
                           IsOpen="{Binding IsSubmenuOpen, RelativeSource={RelativeSource TemplatedParent}}"
                           PlacementTarget="{Binding ElementName=templateRoot}">
                        <Border x:Name="SubMenuBorder" Background="#FFF0F0F0" BorderBrush="#FF999999" BorderThickness="1" Padding="2">
                            <ScrollViewer x:Name="SubMenuScrollViewer" Style="{DynamicResource {ComponentResourceKey ResourceId=MenuScrollViewer, TypeInTargetAssembly={x:Type FrameworkElement}}}">
                                <Grid RenderOptions.ClearTypeHint="Enabled">
                                    <Canvas Height="0" Width="0" HorizontalAlignment="Left" VerticalAlignment="Top">
                                        <Rectangle Name="OpaqueRect" Height="{Binding ElementName=SubMenuBorder, Path=ActualHeight}"
                                                   Width="{Binding ElementName=SubMenuBorder, Path=ActualWidth}"
                                                   Fill="{Binding ElementName=SubMenuBorder, Path=Background}"/>
                                    </Canvas>
                                    <Rectangle HorizontalAlignment="Left" Width="0" Margin="29,2,0,2" Fill="#FFD7D7D7"/>
                                    <ItemsPresenter x:Name="ItemsPresenter" KeyboardNavigation.DirectionalNavigation="Cycle"
                                                    KeyboardNavigation.TabNavigation="Cycle" Grid.IsSharedSizeScope="true"
                                                    SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}"/>
                                </Grid>
                            </ScrollViewer>
                        </Border>
                    </Popup>
                </Grid>
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="MenuItem.IsSuspendingPopupAnimation" Value="true">
                    <Setter TargetName="PART_Popup" Property="Popup.PopupAnimation" Value="None"/>
                </Trigger>
                <Trigger Value="{x:Null}" Property="MenuItem.Icon">
                    <Setter TargetName="Icon" Property="UIElement.Visibility" Value="Collapsed"/>
                </Trigger>
                <Trigger Property="MenuItem.IsChecked" Value="true">
                    <Setter TargetName="GlyphPanel" Property="UIElement.Visibility" Value="Visible"/>
                    <Setter TargetName="Icon" Property="UIElement.Visibility" Value="Collapsed"/>
                </Trigger>
                <Trigger Property="MenuItem.IsHighlighted" Value="true">
                    <Setter TargetName="templateRoot" Value="#3D26A0DA" Property="Border.Background"/>
                    <Setter TargetName="templateRoot" Value="#FF26A0DA" Property="Border.BorderBrush"/>
                </Trigger>
                <Trigger Property="UIElement.IsEnabled" Value="false">
                    <Setter TargetName="templateRoot" Value="#FF707070" Property="TextElement.Foreground"/>
                    <Setter TargetName="GlyphPanel" Value="#FF707070" Property="Shape.Fill"/>
                </Trigger>
                <Trigger SourceName="SubMenuScrollViewer" Property="ScrollViewer.CanContentScroll" Value="false">
                    <Setter TargetName="OpaqueRect" Value="{Binding ElementName=SubMenuScrollViewer, Path=VerticalOffset}" Property="Canvas.Top"/>
                    <Setter TargetName="OpaqueRect" Value="{Binding ElementName=SubMenuScrollViewer, Path=HorizontalOffset}" Property="Canvas.Left"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </MenuItem.Template>
    <MenuItem.ItemsPanel>
     ...
于 2020-08-14T11:38:20.417 回答