Barre de recherche, de tri et de filtre

Sources/Ohara/AppShell.xaml

@@ -14,7 +14,7 @@
     
     <ShellContent
         ContentTemplate="{DataTemplate local:NewPage2}"
-        Route="MainPage" />
+        Route="NewPage2" />
         
 
 </Shell>

Sources/Ohara/NewPage2.xaml

@@ -32,6 +32,25 @@
             <Button Style="{StaticResource buttonMenu}" Text="Équipages"/>
         </VerticalStackLayout>
         <VerticalStackLayout Grid.Row="0" Grid.Column="1" Spacing="40">
+            <Grid BackgroundColor="#72a3b3" Padding="10" ColumnSpacing="50" >
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="10*"/>
+                </Grid.RowDefinitions>
+                <Grid.ColumnDefinitions >
+                    <ColumnDefinition Width="20*"/>
+                    <ColumnDefinition Width="25*"/>
+                    <ColumnDefinition Width="10*"/>
+                    <ColumnDefinition Width="10*"/>
+                </Grid.ColumnDefinitions>
+                <SearchBar Placeholder="Rechercher..." BackgroundColor="#bfe5ef" Grid.Column="0"/>
+                <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="2">
+                    <Label Text="Filtrer" HorizontalTextAlignment="Center" />
+                </Frame>
+
+                <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="3">
+                    <Label Text="Trier" HorizontalTextAlignment="Center"  />
+                </Frame>
+            </Grid>
             <ScrollView Orientation="Horizontal" HorizontalScrollBarVisibility="Always">
                 <HorizontalStackLayout Spacing="40" Padding="40">
 

Sources/Ohara/NewPage3.xaml

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             x:Class="Ohara.NewPage3"
+             Title="NewPage3"
+             BackgroundColor="#e2edf1">
+    
+    
+    <Grid>
+
+        <Grid.RowDefinitions>
+            <RowDefinition Height="2*" />
+        </Grid.RowDefinitions>
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="300" />
+            <ColumnDefinition Width="*" />
+        </Grid.ColumnDefinitions>
+        <VerticalStackLayout BackgroundColor="#72a3b3" Grid.Row="0" Grid.Column="0" Spacing="10">
+
+            <Image Source="ohara2.png" HeightRequest="300" HorizontalOptions="Center" >
+                <Image.Clip>
+                    <EllipseGeometry Center="150,90"  RadiusX="80"  RadiusY="80"/>
+                </Image.Clip>
+            </Image>
+
+
+            <Button Style="{StaticResource buttonMenu}" Text="Accueil"/>
+            <Button Style="{StaticResource buttonMenu}" Text="Carte"/>
+            <Button Style="{StaticResource buttonMenu2}" Text="Personnages"/>
+            <Button Style="{StaticResource buttonMenu}" Text="Fruits du démon"/>
+            <Button Style="{StaticResource buttonMenu}" Text="Bateaux"/>
+            <Button Style="{StaticResource buttonMenu}" Text="Îles"/>
+            <Button Style="{StaticResource buttonMenu}" Text="Bestiaire"/>
+            <Button Style="{StaticResource buttonMenu}" Text="Équipages"/>
+        </VerticalStackLayout>
+        <VerticalStackLayout Grid.Row="0" Grid.Column="1" Spacing="40">
+            <Grid BackgroundColor="#72a3b3" Padding="10" ColumnSpacing="50" >
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="10*"/>
+                </Grid.RowDefinitions>
+                <Grid.ColumnDefinitions >
+                    <ColumnDefinition Width="20*"/>
+                    <ColumnDefinition Width="25*"/>
+                    <ColumnDefinition Width="10*"/>
+                    <ColumnDefinition Width="10*"/>
+                </Grid.ColumnDefinitions>
+                <SearchBar Placeholder="Rechercher..." BackgroundColor="#bfe5ef" Grid.Column="0"/>
+                <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="2">
+                    <Label Text="Filtrer" HorizontalTextAlignment="Center" />
+                </Frame>
+
+                <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="3">
+                    <Label Text="Trier" HorizontalTextAlignment="Center"  />
+                </Frame>
+            </Grid>
+            <ScrollView Orientation="Vertical" VerticalScrollBarVisibility="Always">
+               
+            </ScrollView>
+        </VerticalStackLayout>
+    </Grid>
+</ContentPage>

Sources/Ohara/NewPage3.xaml.cs

@@ -0,0 +1,10 @@
+namespace Ohara;
+
+public partial class NewPage3 : ContentPage
+{
+	public NewPage3()
+	{
+
+		InitializeComponent();
+	}
+}

Sources/Ohara/Ohara.csproj

@@ -59,6 +59,9 @@
 	  <MauiXaml Update="NewPage2.xaml">
 	    <Generator>MSBuild:Compile</Generator>
 	  </MauiXaml>
+	  <MauiXaml Update="NewPage3.xaml">
+	    <Generator>MSBuild:Compile</Generator>
+	  </MauiXaml>
 	</ItemGroup>
 
 </Project>

Sources/Ohara/Resources/Styles/Styles.xaml

@@ -407,6 +407,7 @@
         <Setter Property="FontFamily" Value="OpenSans"/>
         <Setter Property="FontAttributes" Value="Bold" />
         <Setter Property="FontSize" Value="20"/>
+        <Setter Property="TextColor" Value="White"/>
         <Setter Property="CornerRadius" Value="0"/>
         
         <Setter Property="WidthRequest" Value="250"/>
@@ -424,6 +425,7 @@
         <Setter Property="FontFamily" Value="OpenSans"/>
         <Setter Property="FontAttributes" Value="Bold" />
         <Setter Property="FontSize" Value="20"/>
+        <Setter Property="TextColor" Value="White"/>
         <Setter Property="CornerRadius" Value="0"/>
 
         <Setter Property="WidthRequest" Value="275" />