2

コードは次のとおりです。

<Style TargetType="{x:Type MenuItem}">


    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type MenuItem}">

                <Border Name="Border" >
                    <Grid>
                        <ContentPresenter Margin="6,3,10,3" ContentSource="Header" RecognizesAccessKey="True" />
                        <Popup  Width="auto" AllowsTransparency="True" Name="Popup" Placement="Bottom" IsOpen="{TemplateBinding IsSubmenuOpen}" Focusable="False" PopupAnimation="Fade">
                            <Border Opacity="1" Name="SubmenuBorder" SnapsToDevicePixels="True" >
                                <Border.Background>
                                    <SolidColorBrush Color="#FF9FD3F3"/>
                                </Border.Background>
                                <StackPanel  IsItemsHost="True" KeyboardNavigation.DirectionalNavigation="Cycle" />
                                <Border.BorderBrush>
                                    <SolidColorBrush Color="Pink"></SolidColorBrush>
                                </Border.BorderBrush>
                                <Border.BorderThickness>
                                    <Thickness Bottom="3" Top="3" Left="3" Right="3" ></Thickness>
                                </Border.BorderThickness>
                            </Border>
                        </Popup>
                    </Grid>

                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsSuspendingPopupAnimation" Value="True">
                        <Setter TargetName="Popup" Property="PopupAnimation" Value="Fade"/>
                    </Trigger>

                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Effect" Value="{StaticResource dropShadow}"/>
                        <Setter TargetName="Border" Property="Background" Value="#f9cef9"/>

                    </Trigger>                      


                    **<Trigger SourceName="Popup" Property="Popup.AllowsTransparency" Value="True">
                        <Setter TargetName="SubmenuBorder" Property="Padding" Value="10,0,0,3"/>
                    </Trigger>**




                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>


</Style>

どうすれば右側に方向を向けることができますか?これは水平メニューです。サブメニューのドロップダウンをクリックするとそうですが、サブメニューのあるサブアイテムがあり、ドロップダウンではなく正しい方向に開きたいです。

4

1 に答える 1

0

ポップアップ配置は「下」に設定され、WpfToolkitSplitButtonの次のコードで「右」に変更されます。

ツールキットを含めるには、上部に次の行を追加します。

xmlns:wpfTools="http://schemas.xceed.com/wpf/xaml/toolkit"

それで..

            <wpfTools:SplitButton Command="local:MainWindow.***" ToolTip="Resolutions">
                <wpfTools:SplitButton.DropDownContent>
                    <Menu x:Name="***">
                        <Menu.Resources>

                            <Style TargetType="{x:Type MenuItem}">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type MenuItem}">
                                            <Border Name="Border" >
                                                <Grid>
                                                    <ContentPresenter Margin="6,3,10,3" ContentSource="Header" RecognizesAccessKey="True" />
                                                    <Popup  Width="auto" AllowsTransparency="True" Name="Popup" Placement="Right" IsOpen="{TemplateBinding IsSubmenuOpen}" Focusable="False" PopupAnimation="Fade">
                                                        <Border Opacity="1" Name="SubmenuBorder" SnapsToDevicePixels="True" >
                                                            <Border.Background>
                                                                <SolidColorBrush Color="#FF9FD3F3"/>
                                                            </Border.Background>
                                                            <StackPanel  IsItemsHost="True" KeyboardNavigation.DirectionalNavigation="Cycle" />
                                                            <Border.BorderBrush>
                                                                <SolidColorBrush Color="Pink"></SolidColorBrush>
                                                            </Border.BorderBrush>
                                                            <Border.BorderThickness>
                                                                <Thickness Bottom="3" Top="3" Left="3" Right="3" ></Thickness>
                                                            </Border.BorderThickness>
                                                        </Border>
                                                    </Popup>
                                                </Grid>
                                            </Border>
                                            <ControlTemplate.Triggers>
                                                <Trigger Property="IsSuspendingPopupAnimation" Value="True">
                                                    <Setter TargetName="Popup" Property="PopupAnimation" Value="Fade"/>
                                                </Trigger>
                                                <Trigger Property="IsMouseOver" Value="True">
                                                    <!--
                                                    <Setter Property="Effect" Value="{StaticResource dropShadow}"/>
                                                    -->
                                                    <Setter TargetName="Border" Property="Background" Value="#f9cef9"/>
                                                </Trigger>
                                                <Trigger SourceName="Popup" Property="Popup.AllowsTransparency" Value="True">
                                                    <Setter TargetName="SubmenuBorder" Property="Padding" Value="10,0,0,3"/>
                                                </Trigger>
                                            </ControlTemplate.Triggers>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </Menu.Resources>

                        <Menu.ItemsPanel>
                            <ItemsPanelTemplate>
                                <VirtualizingStackPanel Orientation="Vertical"/>
                            </ItemsPanelTemplate>
                        </Menu.ItemsPanel>
                        <MenuItem Header="Test1">

                            <MenuItem Header="test 1" />
                            <MenuItem Header="test 2" />
                            <MenuItem Header="test 3" />
                        </MenuItem>
                        <MenuItem Header="Test2">
                            <MenuItem Header="test 1" />
                            <MenuItem Header="test 2" />
                            <MenuItem Header="test 3" />
                        </MenuItem>
                    </Menu>

                </wpfTools:SplitButton.DropDownContent>
                <Image Width="32" Source="***.ico" />
            </wpfTools:SplitButton>

コード:

                        <Menu.ItemsPanel>
                            <ItemsPanelTemplate>
                                <VirtualizingStackPanel Orientation="Vertical"/>
                            </ItemsPanelTemplate>
                        </Menu.ItemsPanel>

最初のMenuItemをデフォルトの水平ではなく、垂直にドロップします。

于 2014-01-01T04:51:22.313 に答える