[英]How to combine Flyout and MenuFlyout in UWP?
我想在同一個地方添加 flyout 和 menuflyout。
像這樣:在此處輸入圖像描述
而且,我嘗試了這段代碼:
<Button Width="24" Height="24" Padding="0" HorizontalAlignment="Right" CornerRadius="12" BorderThickness="0">
<Image Source="/Assets/UserLogo.png"/>
<Button.Flyout>
<Flyout>
<StackPanel>
<TextBlock Text="Sample"/>
</StackPanel>
</Flyout>
<MenuFlyout Placement="BottomEdgeAlignedRight">
<MenuFlyout.Items>
<MenuFlyoutSubItem Text="Add" Icon="Add" Tag="left">
<MenuFlyoutItem Text="New repository"/>
<MenuFlyoutItem Text="Import repository"/>
<MenuFlyoutItem Text="New gist"/>
<MenuFlyoutItem Text="New organization"/>
<MenuFlyoutItem Text="New project"/>
</MenuFlyoutSubItem>
<MenuFlyoutItem Text="Your profile"/>
<MenuFlyoutItem Text="Your repository"/>
<MenuFlyoutItem Text="Your codespaces"/>
<MenuFlyoutItem Text="Your projects"/>
<MenuFlyoutItem Text="Your stars"/>
<MenuFlyoutItem Text="Your gists"/>
<MenuFlyoutSeparator/>
<MenuFlyoutItem Text="Settings" Icon="Setting" Tag="right"/>
<MenuFlyoutSeparator/>
<MenuFlyoutItem Text="Sign out" Tag="right"/>
</MenuFlyout.Items>
</MenuFlyout>
</Button.Flyout>
</Button>
但是,我做不到。
我怎么解決這個問題?
我不知道我是否正確理解了您的問題,但這就是我得到的:
<Button Width="24" Height="24" Padding="0" HorizontalAlignment="Right" CornerRadius="12" BorderThickness="0">
<Image Source="/Assets/UserLogo.png"/>
<Button.Flyout>
<Flyout>
<StackPanel>
<!--Replace with your content:-->
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,0,0,20">
<Grid Margin="10,0,10,0" CornerRadius="25" Width="50" Height="50" Background="Blue"/>
<TextBlock Text="Profile"/>
</StackPanel>
<!--Here are your Menuitems:-->
<MenuFlyoutSubItem Text="Add" Icon="Add" Tag="left">
<MenuFlyoutItem Text="New repository"/>
<MenuFlyoutItem Text="Import repository"/>
<MenuFlyoutItem Text="New gist"/>
<MenuFlyoutItem Text="New organization"/>
<MenuFlyoutItem Text="New project"/>
</MenuFlyoutSubItem>
<MenuFlyoutItem Text="Your profile"/>
<MenuFlyoutItem Text="Your repository"/>
<MenuFlyoutItem Text="Your codespaces"/>
<MenuFlyoutItem Text="Your projects"/>
<MenuFlyoutItem Text="Your stars"/>
<MenuFlyoutItem Text="Your gists"/>
<MenuFlyoutSeparator/>
<MenuFlyoutItem Text="Settings" Icon="Setting" Tag="right"/>
<MenuFlyoutSeparator/>
<MenuFlyoutItem Text="Sign out" Tag="right"/>
</StackPanel>
</Flyout>
</Button.Flyout>
</Button>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.