Question

我正在与Mokey Finder tutorial从。有一个详细的分类。

        await Shell.Current.GoToAsync( nameof( DetailsPage ), true, new Dictionary<string, object>
        {
            {"Monkey", monkey }
        } );

I m 能够在主食中增加一个Flyout Menu。 xaml using AppShell.xaml. 除了主食之外,我如何为内容分类添加Flyout Menu。使用壳体的xaml?

    <FlyoutItem Title="Dashboard"
        FlyoutDisplayOptions="AsMultipleItems">
    <ShellContent Title="Dashboard"
              ContentTemplate="{DataTemplate view:MainPage}"
              Route="MainPage"
              Icon="dotnet_bot.svg" />

    <ShellContent Title="Profile"
              ContentTemplate="{DataTemplate view:ProfilePage}"
              Route="ProfilePage"
              Icon="dotnet_bot.svg" />
    <ShellContent Title="Billing"
              ContentTemplate="{DataTemplate view:BillingPage}"
              Route="BillingPage"
              Icon="dotnet_bot.svg" />
</FlyoutItem>

Answer 1

How do I add Flyout Menu for a ContentPage other than MainPage.xaml that uses Shell?

可能的话,主要有两个途径可以做到这一点:

第1号:使用 FlyoutPage 。

由于飞行菜单是一个导航小组,它从屏幕一侧挥发,能够迅速进入经常使用的特点或环境。

以下例子说明了<代码>FlyoutMenuPage的物体的定义,该物体的类型为 :

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:FlyoutPageNavigation"
             x:Class="FlyoutPageNavigation.FlyoutMenuPage"
             Padding="0,40,0,0"
             IconImageSource="hamburger.png"
             Title="Personal Organiser">
    <CollectionView x:Name="collectionView"
                    x:FieldModifier="public"
                    SelectionMode="Single">
        <CollectionView.ItemsSource>
            <x:Array Type="{x:Type local:FlyoutPageItem}">
                <local:FlyoutPageItem Title="Contacts"
                                      IconSource="contacts.png"
                                      TargetType="{x:Type local:ContactsPage}" />
                <local:FlyoutPageItem Title="TodoList"
                                      IconSource="todo.png"
                                      TargetType="{x:Type local:TodoListPage}" />
                <local:FlyoutPageItem Title="Reminders"
                                      IconSource="reminders.png"
                                      TargetType="{x:Type local:ReminderPage}" />
            </x:Array>
        </CollectionView.ItemsSource>
        <CollectionView.ItemTemplate>
            <DataTemplate>
                <Grid Padding="5,10">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="30"/>
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Image Source="{Binding IconSource}" />
                    <Label Grid.Column="1"
                           Margin="20,0"
                           Text="{Binding Title}"
                           FontSize="20"
                           FontAttributes="Bold"
                           VerticalOptions="Center" />
                </Grid>
            </DataTemplate>
        </CollectionView.ItemTemplate>
    </CollectionView>
</ContentPage>

For more details, you can refer to Create a FlyoutPage

第2号:使壳牌照的违约功能分离出的控制线菜单。您可以提及这一出色的回答:。由于你不使用壳牌照,不要忘记设置违约的起首页。

public App()
{
    InitializeComponent();
  //MainPage = new AppShell();
    MainPage = new MainPage();
}

<<>Output>:

友情链接