[英]Windows 10 UWP app menu flyout inside menu item
Is it possible to have a menu flyout inside a menu flyout item? 菜单弹出项目中是否可以有菜单弹出按钮?
<AppBarButton x:Name="Button" Icon="Add" Label="Create List">
<AppBarButton.Flyout>
<MenuFlyout>
<MenuFlyoutItem Text="b1">
<FlyoutBase.AttachedFlyout>
<MenuFlyout x:Name="ItemsMenu" Placement="Left">
<MenuFlyoutItem Text="test1"/>
<MenuFlyoutItem Text="test2"/>
</MenuFlyout>
</FlyoutBase.AttachedFlyout>
</MenuFlyoutItem>
<MenuFlyoutItem Text="b2" />
<MenuFlyoutItem Text="b3" />
<MenuFlyoutItem Text="b4" />
<MenuFlyoutItem Text="b5" />
</MenuFlyout>
</AppBarButton.Flyout>
</AppBarButton>
Clicking on the item just makes the menu disappear. 单击该项目只会使菜单消失。 I tried calling ItemsMenu.ShowAt() on mouse pointer enter but it just makes the menu disappear when I hover over it.
我尝试在鼠标指针上调用ItemsMenu.ShowAt()但是当我将鼠标悬停在它上面时它只会使菜单消失。 Any one have any ideas?
有人有主意吗?
I have tried your code but can't make it work , so I figure out a roundabout method to solve it, I hope this will provide some inspirations for you: 我已经尝试过你的代码,但无法使其正常工作,所以我想出了一个解决它的环形方法,我希望这会为你提供一些灵感:
<Page.Resources>
<CollectionViewSource x:Key="cvs" x:Name="cvs" IsSourceGrouped="True"/>
<Flyout x:Key="DeclarativeAttachedFlyout">
<StackPanel>
<Button Content="b1">
<Button.Flyout>
<MenuFlyout>
<MenuFlyoutItem Text="t1"></MenuFlyoutItem>
<MenuFlyoutItem Text="t2"></MenuFlyoutItem>
<MenuFlyoutItem Text="t3"></MenuFlyoutItem>
<MenuFlyoutItem Text="t4"></MenuFlyoutItem>
</MenuFlyout>
</Button.Flyout>
</Button>
<Button Content="b2"></Button>
<Button Content="b3"></Button>
<Button Content="b4"></Button>
<Button Content="b5"></Button>
</StackPanel>
</Flyout>
<MenuFlyout x:Key="DeclarativeAttachedFlyout2">
<MenuFlyoutItem Text="b1" ></MenuFlyoutItem>
<MenuFlyoutItem Text="b2" ></MenuFlyoutItem>
<MenuFlyoutItem Text="b3" ></MenuFlyoutItem>
<MenuFlyoutItem Text="b4" ></MenuFlyoutItem>
<MenuFlyoutItem Text="b5" ></MenuFlyoutItem>
<MenuFlyoutSubItem Text="s1">
<MenuFlyoutItem Text="b6"></MenuFlyoutItem>
</MenuFlyoutSubItem>
</MenuFlyout>
</Page.Resources>
<AppBarButton x:Name="button" Icon="Add" Label="Create List" Flyout="{StaticResource DeclarativeAttachedFlyout}"> </AppBarButton>
<AppBarButton x:Name="button" Icon="Add" Label="Create List" Flyout="{StaticResource DeclarativeAttachedFlyout2}"> </AppBarButton>
Here is a detailed explain about flyout
, you may click this 这里有关于
flyout
的详细说明,你可以点击这个
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.