Xamarin在一个页面中弹出多个弹出按钮

Question

我一直在看Xamarin。Forms Shell。默认情况下，Shell中可用的弹出型按钮允许从屏幕左侧滑动或点击工具栏菜单按钮，使弹出型按钮显示在屏幕左侧。

我还看到了一种变体，工具栏和弹出按钮被翻转，因此工具栏按钮和弹出按钮位于屏幕的右侧。

我的问题是——我想在屏幕上有多个弹出按钮。Shell可以工作，但如果我使用Shell，它看起来只能有一个弹出按钮(左边或右边，但不能同时使用(。有没有一种方法可以将多个弹出型按钮与Shell一起使用？

或者，使用其他东西有更好的解决方案吗？

Answer 1

您可以使用Xamarin中的SideMenuViewPage。CommunityToolkit包，它已经可用，但尚未文档化。

您可以在SideMenuViewPage.xaml 中找到以下代码的完整示例

样品

<xct:SideMenuView x:Name="SideMenuView">
<!-- MainView -->
<StackLayout BackgroundColor="Gold">
<Label Text="This is the Main view" VerticalOptions="Center" HorizontalOptions="Center"/>
</StackLayout>
<!-- LeftMenu -->
<StackLayout
xct:SideMenuView.Position="LeftMenu"
xct:SideMenuView.MenuWidthPercentage=".5"
xct:SideMenuView.MainViewScaleFactor=".95"
BackgroundColor="Orange">
<Label Text="This is the left menu view"/>
</StackLayout>
<!-- RightMenu -->
<StackLayout
xct:SideMenuView.Position="RightMenu"
xct:SideMenuView.MenuWidthPercentage=".3"
xct:SideMenuView.MenuGestureEnabled="False"
BackgroundColor="LightGreen">
<Label Text="This is the Right menu view"/>
</StackLayout>
</xct:SideMenuView>

可用属性

属性		描述
MenuWidthPercentage	设置菜单相对于其父菜单的宽度百分比
MainViewScaleFactor	设置打开侧菜单(左侧或右侧(时主视图将缩放到的缩放百分比
Position	指定位置，无论是右侧、左侧还是主视图，如果未指定，则将其视为主视图
MenuGestureEnabled	启用/禁用侧扫手势选项以打开/关闭菜单/视图