Ohara_MAUI/Sources/Ohara/AppShell.xaml

<?xml version="1.0" encoding="UTF-8" ?>
<Shell
    x:Class="Ohara.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:Ohara"
    xmlns:icon="clr-namespace:Ohara.Resources"
    FlyoutBackgroundColor="White"
    Shell.FlyoutBehavior="Locked"
    Shell.NavBarIsVisible="False"  
   >
    
    <Shell.Resources>
        <Style TargetType="Layout" 
               ApplyToDerivedTypes="True"
               Class="FlyoutItemLayoutStyle">
            <Setter Property="WidthRequest" Value="1000"/>
            <Setter Property="VisualStateManager.VisualStateGroups">
                <VisualStateGroupList>
                    <VisualStateGroup  x:Name="CommonStates">
                        <VisualState x:Name="Normal">
                            <VisualState.Setters>
                                <Setter Property="BackgroundColor" Value="White"/>
                                
                            </VisualState.Setters>
                        </VisualState>
                        <VisualState x:Name="PointerOver">
                            <VisualState.Setters>
                                <Setter Property="BackgroundColor" Value="#bfe5ef"/>
                               
                            </VisualState.Setters>
                        </VisualState>
                        <!--<VisualState x:Name="Selected">
                            <VisualState.Setters>
                                <Setter Property="BackgroundColor" Value="#72a3b3"/>
                            </VisualState.Setters>
                        </VisualState>-->
                    </VisualStateGroup>
                </VisualStateGroupList>
            </Setter>
        </Style>
        <Style TargetType="Shell">
            <Setter Property="FlyoutBackgroundColor" Value="White"/>
        </Style>
        <Style TargetType="Label" 
               ApplyToDerivedTypes="True"
               Class="FlyoutItemLayoutStyle">
            <Setter Property="WidthRequest" Value="1000"/>
            <Setter Property="VisualStateManager.VisualStateGroups">
                <VisualStateGroupList>
                    <VisualStateGroup x:Name="CommonStates">
                        <VisualState x:Name="Normal">
                            <VisualState.Setters>
                                <Setter Property="TextColor" Value="#72a3b3"/>
                                <Setter Property="FontSize" Value="15"/>
                            </VisualState.Setters>
                        </VisualState>
                        <!--<VisualState x:Name="PointerOver">
                            <VisualState.Setters>
                                <Setter Property="TextColor" Value="White"/>
                            </VisualState.Setters>
                        </VisualState>
                        <VisualState x:Name="Selected">
                            <VisualState.Setters>
                                <Setter Property="TextColor" Value="White"/>
                            </VisualState.Setters>
                        </VisualState>-->

                    </VisualStateGroup>
                </VisualStateGroupList>
            </Setter>

        </Style>
    </Shell.Resources>
    
    <Shell.TitleView>
        <Label/>
    </Shell.TitleView>

    <Shell.FlyoutHeader >
        <Grid HeightRequest="200" BackgroundColor="Black" Margin="0,0,0,20">
           
            <Image Source="ohara2.png" Aspect="Fill" Opacity="0.8" />
            <Label Text="Ohara" FontSize="33" TextColor="White" HorizontalOptions="Center" VerticalOptions="Center" FontAttributes="Bold"/>
            <Line X1="0" Y1="0" X2="3000" Y2="0" StrokeThickness="5" Stroke="#72a3b3" VerticalOptions="End" />
        </Grid>
       
    </Shell.FlyoutHeader>

    <FlyoutItem Title="Accueil" >
        <FlyoutItem.Icon>
            <FontImageSource
                FontFamily="Icons"
                Glyph="{x:Static icon:IconFont.Acceuil}"
                Color="#72a3b3"
                Size="64"/>
        </FlyoutItem.Icon>
        <ShellContent  ContentTemplate="{DataTemplate local:MainPage}" />
    </FlyoutItem>
    <FlyoutItem  Title="Favoris">
        <FlyoutItem.Icon>
            <FontImageSource
                FontFamily="Icons"
                Glyph="{x:Static icon:IconFont.Fav}"
                Color="#72a3b3"
                Size="64"/>
        </FlyoutItem.Icon>
     
        <ShellContent  ContentTemplate="{DataTemplate local:PageFavoris}" />
    </FlyoutItem>
    <FlyoutItem Title="Personnages">
        <FlyoutItem.Icon>
            <FontImageSource
                FontFamily="Icons"
                Glyph="{x:Static icon:IconFont.Perso}"
                Color="#72a3b3"
                Size="64"/>
        </FlyoutItem.Icon>
        <ShellContent  ContentTemplate="{DataTemplate local:PagePersonnage}" />
    </FlyoutItem>
    <FlyoutItem Title="Bateaux">
        <FlyoutItem.Icon>
            <FontImageSource
                FontFamily="Icons"
                Glyph="{x:Static icon:IconFont.Bateau}"
                Color="#72a3b3"
                Size="64"/>
        </FlyoutItem.Icon>
        <ShellContent  ContentTemplate="{DataTemplate local:PageBateau}" />
    </FlyoutItem>
    
    <FlyoutItem Title="Îles" >
        <FlyoutItem.Icon>
            <FontImageSource
                FontFamily="Icons"
                Glyph="{x:Static icon:IconFont.Ile}"
                Color="#72a3b3"
                Size="64"/>
        </FlyoutItem.Icon>
        <ShellContent ContentTemplate="{DataTemplate local:PageIle}" />
    </FlyoutItem>
    <FlyoutItem  Title="Fruits Du Démon">
        <FlyoutItem.Icon>
            <FontImageSource
                FontFamily="Icons"
                Glyph="{x:Static icon:IconFont.Fdd}"
                Color="#72a3b3"
                Size="64"/>
        </FlyoutItem.Icon>
        <ShellContent ContentTemplate="{DataTemplate local:PageFDD}" />
    </FlyoutItem>
    <FlyoutItem Title="Equipages">
        <FlyoutItem.Icon>
            <FontImageSource
                FontFamily="Icons"
                Glyph="{x:Static icon:IconFont.Equip}"
                Color="#72a3b3"
                Size="64"/>
        </FlyoutItem.Icon>
        <ShellContent  ContentTemplate="{DataTemplate local:PageEquipage}" />
    </FlyoutItem>
    
    <FlyoutItem Title="Bestiaire">
        <FlyoutItem.Icon>
            <FontImageSource
                FontFamily="Icons"
                Glyph="{x:Static icon:IconFont.Best}"
                Color="#72a3b3"
                Size="64"/>
        </FlyoutItem.Icon>
        <ShellContent  ContentTemplate="{DataTemplate local:PageBestiaire}" />
    </FlyoutItem>
    <Shell.FlyoutFooter>
        <StackLayout>
            <Line X1="0" Y1="0" X2="3000" Y2="0" StrokeThickness="4" Stroke="#72a3b3"/>
            <Label Text="REY Guillaume et BRUGIÈRE Yoan" HorizontalOptions="Center" Margin="10" TextColor="#72a3b3"/>
        </StackLayout>
       
    </Shell.FlyoutFooter>

</Shell>