子選單彈出背景要透明

如何使子選單彈出框/邊框透明？

我已經設計了選單和子選單。當您選擇具有子選單的選單項時，您會看到樣式選項周圍有一個灰色框。我該如何設計？

在查看選單Menu Styles and Templates 的樣式時，我嘗試了控制元件的多種樣式覆寫Border，ScrollViewer以及Stackpanel. 我試圖覆寫顏色。

<Menu.Resources>
    <Style TargetType="Popup"><Setter Property="AllowsTransparency" Value="True" /></Style>

    <Style TargetType="ScrollViewer"><Setter Property="Background"  Value="Green" /></Style>
    <Style TargetType="StackPanel"><Setter Property="Background"    Value="Firebrick"/></Style>
    <Style TargetType="Border"><Setter Property="Background"        Value="Firebrick" /></Style>   

    <SolidColorBrush x:Key="MenuPopuBrush"      Color="Firebrick" />
    <SolidColorBrush x:Key=" BorderMediumColor" Color="Firebrick" />          
</Menu.Resources>

最小的例子

<Menu Foreground="Transparent">
   <MenuItem Header="Item 1">
        <MenuItem Header="Sub 1a" />
        <MenuItem Header="Sub 1b"/>
   </MenuItem>
</Menu>

在您的示例中，只需將彈出顏色更改為紅色或透明。

uj5u.com熱心網友回復：

不確定這是否是唯一的方法，但您可以覆寫 MenuItem 的 ControlTemplate。基本示例：

        <Menu>
        <MenuItem Header="Item 1">
            <MenuItem.Template>
                <ControlTemplate TargetType="MenuItem">
                    <Border Name="Border" >
                        <Grid>
                            <ContentPresenter Margin="6,3,6,3" ContentSource="Header" RecognizesAccessKey="True" />
                            <Popup Name="Popup" Placement="Bottom" IsOpen="{TemplateBinding IsSubmenuOpen}" AllowsTransparency="True" Focusable="False" PopupAnimation="Fade">
                                <Border Name="SubmenuBorder" SnapsToDevicePixels="True" Background="LightGray" BorderBrush="Transparent" BorderThickness="1" >
                                    <StackPanel IsItemsHost="True" KeyboardNavigation.DirectionalNavigation="Cycle" />
                                </Border>
                            </Popup>
                        </Grid>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsSuspendingPopupAnimation" Value="true">
                            <Setter TargetName="Popup" Property="PopupAnimation" Value="None"/>
                        </Trigger>
                        <Trigger Property="IsHighlighted" Value="true">
                            <Setter TargetName="Border" Property="Background" Value="LightGray"/>
                            <Setter TargetName="Border" Property="BorderBrush" Value="Transparent"/>
                            <Setter Property="Foreground" Value="Firebrick" />
                        </Trigger>
                        <Trigger  Property="IsHighlighted" Value="False">
                            <Setter Property="Foreground" Value="Black" />
                        </Trigger>
                        <Trigger SourceName="Popup" Property="Popup.AllowsTransparency" Value="True">
                            <Setter TargetName="SubmenuBorder" Property="CornerRadius" Value="0,0,4,4"/>
                            <Setter TargetName="SubmenuBorder" Property="Padding" Value="0,0,0,3"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter Property="Foreground" Value="DarkGray"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </MenuItem.Template>
            <MenuItem Header="Sub 1a" />
            <MenuItem Header="Sub 1b" />
        </MenuItem>
    </Menu>

您現在可以單獨訪問組件部件和樣式。

標籤：小白 菜单 弹出 菜单项 .net-6.0

上一篇：WPF-嘗試使用INotifyPropertyChanged從文本框更新中更新標簽

下一篇：如何在WPF視窗中正確定位控制元件