Très bien avancé

.vs/VSWorkspaceState.json

@@ -0,0 +1,7 @@
+{
+  "ExpandedNodes": [
+    ""
+  ],
+  "SelectedNode": "\\MVVM.sln",
+  "PreviewInSolutionExplorer": false
+}

MVVM/MVVM/MVVM.csproj.user

@@ -3,13 +3,16 @@
   <PropertyGroup>
     <IsFirstTimeProjectOpen>False</IsFirstTimeProjectOpen>
     <ActiveDebugFramework>net7.0-android</ActiveDebugFramework>
-    <ActiveDebugProfile>Motorola Nexus 6 (Android 7.1 - API 25)</ActiveDebugProfile>
+    <ActiveDebugProfile>Samsung SM-A705FN (Android 11.0 - API 30)</ActiveDebugProfile>
     <SelectedPlatformGroup>PhysicalDevice</SelectedPlatformGroup>
   </PropertyGroup>
   <PropertyGroup Condition="'$(TargetPlatformIdentifier)'=='iOS'">
     <RuntimeIdentifier>ios-arm64</RuntimeIdentifier>
     <PlatformTarget>arm64</PlatformTarget>
   </PropertyGroup>
+  <PropertyGroup Condition="'$(Configuration)|$(TargetFramework)|$(Platform)'=='Debug|net7.0-android|AnyCPU'">
+    <DebuggerFlavor>ProjectDebugger</DebuggerFlavor>
+  </PropertyGroup>
   <ItemGroup>
     <MauiXaml Update="App.xaml">
       <SubType>Designer</SubType>

MVVM/MVVM/Pages/Bibliotheque.xaml

@@ -6,89 +6,91 @@
     <ContentPage.ToolbarItems>
         <ToolbarItem Text="Modifier"/>
         <ToolbarItem IconImageSource="plus"/>
+        <!--<ToolbarItem Text="Scan" Order="Secondary"/>-->
     </ContentPage.ToolbarItems>
 
     <ScrollView>
 
-
         <Grid RowDefinitions="Auto,Auto,Auto,Auto">
 
-            <Label Text="Mes Livres" Style="{StaticResource TitleBibliotheque}" Grid.Row="0" />
-
-            <Grid Grid.Row="1" RowDefinitions="Auto,Auto,Auto,Auto,Auto,Auto">
-                <Grid Grid.Row="0" ColumnDefinitions="Auto,Auto,Auto,Auto" Style="{StaticResource LigneHorizontaleBibliotheque}">
-                    <Image Style="{StaticResource IconBibliotheque}" Source="tray_fill" Grid.Column="0"/>
-                    <Label Text="Tous" Grid.Column="1"/>
-                    <Label Text="45" Grid.Column="2"/>
-                    <Image Source="chevron_right" Grid.Column="3"/>
-                </Grid>
-
-                <Grid Grid.Row="1" ColumnDefinitions="Auto,Auto,Auto,Auto" Style="{StaticResource LigneHorizontaleBibliotheque}">
-                    <Image Style="{StaticResource IconBibliotheque}" Source="person_badge_clock_fill" Grid.Column="0"/>
-                    <Label Text="En prêt" Grid.Column="1"/>
-                    <Label Text="1" Grid.Column="2"/>
-                    <Image Source="chevron_right" Grid.Column="3"/>
-                </Grid>
-
-                <Grid Grid.Row="2" ColumnDefinitions="Auto,Auto,Auto,Auto" Style="{StaticResource LigneHorizontaleBibliotheque}">
-                    <Image Style="{StaticResource IconBibliotheque}" Source="arrow_forward" Grid.Column="0"/>
-                    <Label Text="A lire plus tard" Grid.Column="1"/>
-                    <Label Text=".." Grid.Column="2"/>
-                    <Image Source="chevron_right" Grid.Column="3"/>
+            <Label Text="Mes Livres" Style="{StaticResource TitleBibliotheque}" Grid.Row="0"/>
+
+            <Border Grid.Row="1">
+                <Grid RowDefinitions="Auto,Auto,Auto,Auto,Auto,Auto">
+                    <Grid Grid.Row="0" ColumnDefinitions="Auto,Auto,*,Auto,Auto" Style="{StaticResource LigneHorizontaleBibliotheque}" >
+                        <Image Style="{StaticResource IconBibliotheque}" Source="tray_fill" Grid.Column="0"/>
+                        <Label Style="{StaticResource TexteBibliotheque}" Text="Tous" Grid.Column="1" />
+                        <Label Style="{StaticResource NombreBibliotheque}" Text="45" Grid.Column="3"/>
+                        <Image Style="{StaticResource ChevronBibliotheque}" Source="chevron_right" Grid.Column="4" />
+                    </Grid>
+
+                    <Grid Grid.Row="1" ColumnDefinitions="Auto,Auto,*,Auto,Auto" Style="{StaticResource LigneHorizontaleBibliotheque}">
+                        <Image Style="{StaticResource IconBibliotheque}" Source="person_badge_clock_fill" Grid.Column="0"/>
+                        <Label Style="{StaticResource TexteBibliotheque}" Text="En prêt" Grid.Column="1"/>
+                        <Label Style="{StaticResource NombreBibliotheque}" Text="1" Grid.Column="3"/>
+                        <Image Style="{StaticResource ChevronBibliotheque}" Source="chevron_right" Grid.Column="4"/>
+                    </Grid>
+
+                    <Grid Grid.Row="2" ColumnDefinitions="Auto,Auto,*,Auto,Auto" Style="{StaticResource LigneHorizontaleBibliotheque}">
+                        <Image Style="{StaticResource IconBibliotheque}" Source="arrow_forward" Grid.Column="0"/>
+                        <Label Style="{StaticResource TexteBibliotheque}" Text="A lire plus tard" Grid.Column="1"/>
+                        <Label Style="{StaticResource NombreBibliotheque}" Text=".." Grid.Column="3"/>
+                        <Image Style="{StaticResource ChevronBibliotheque}" Source="chevron_right" Grid.Column="4"/>
+                    </Grid>
+
+                    <Grid Grid.Row="3" ColumnDefinitions="Auto,Auto,*,Auto,Auto" Style="{StaticResource LigneHorizontaleBibliotheque}">
+                        <Image Style="{StaticResource IconBibliotheque}" Source="eyeglasses" Grid.Column="0"/>
+                        <Label Style="{StaticResource TexteBibliotheque}" Text="Statut de lecture" Grid.Column="1"/>
+                        <Label Style="{StaticResource NombreBibliotheque}" Text=".." Grid.Column="3"/>
+                        <Image Style="{StaticResource ChevronBibliotheque}" Source="chevron_right" Grid.Column="4"/>
+                    </Grid>
+
+                    <Grid Grid.Row="4" ColumnDefinitions="Auto,Auto,*,Auto,Auto" Style="{StaticResource LigneHorizontaleBibliotheque}">
+                        <Image Style="{StaticResource IconBibliotheque}" Source="heart_fill" Grid.Column="0"/>
+                        <Label Style="{StaticResource TexteBibliotheque}" Text="Favoris" Grid.Column="1"/>
+                        <Label Style="{StaticResource NombreBibliotheque}" Text=".." Grid.Column="3"/>
+                        <Image Style="{StaticResource ChevronBibliotheque}" Source="chevron_right" Grid.Column="4"/>
+                    </Grid>
+
+                    <Grid Grid.Row="5" ColumnDefinitions="Auto,Auto,*,Auto,Auto" Style="{StaticResource LigneHorizontaleBibliotheque}">
+                        <Image Style="{StaticResource IconBibliotheque}" Source="tag_fill" Grid.Column="0"/>
+                        <Label Style="{StaticResource TexteBibliotheque}" Text="Etiquettes" Grid.Column="1"/>
+                        <Label Style="{StaticResource NombreBibliotheque}" Text=".." Grid.Column="3"/>
+                        <Image Style="{StaticResource ChevronBibliotheque}" Source="chevron_right" Grid.Column="4"/>
+                    </Grid>
                 </Grid>
-
-                <Grid Grid.Row="3" ColumnDefinitions="Auto,Auto,Auto,Auto" Style="{StaticResource LigneHorizontaleBibliotheque}">
-                    <Image Style="{StaticResource IconBibliotheque}" Source="eyeglasses" Grid.Column="0"/>
-                    <Label Text="Statut de lecture" Grid.Column="1"/>
-                    <Label Text=".." Grid.Column="2"/>
-                    <Image Source="chevron_right" Grid.Column="3"/>
-                </Grid>
-
-                <Grid Grid.Row="4" ColumnDefinitions="Auto,Auto,Auto,Auto" Style="{StaticResource LigneHorizontaleBibliotheque}">
-                    <Image Style="{StaticResource IconBibliotheque}" Source="heart_fill" Grid.Column="0"/>
-                    <Label Text="Favoris" Grid.Column="1"/>
-                    <Label Text=".." Grid.Column="2"/>
-                    <Image Source="chevron_right" Grid.Column="3"/>
-                </Grid>
-
-                <Grid Grid.Row="5" ColumnDefinitions="Auto,Auto,Auto,Auto" Style="{StaticResource LigneHorizontaleBibliotheque}">
-                    <Image Style="{StaticResource IconBibliotheque}" Source="tag_fill" Grid.Column="0"/>
-                    <Label Style="{StaticResource TexteBibliotheque}" Text="Etiquettes" Grid.Column="1"/>
-                    <Label Text=".." Grid.Column="2"/>
-                    <Image Source="chevron_right" Grid.Column="3"/>
-                </Grid>
-            </Grid>
+            </Border>
 
 
             <Label Text="Filtres" Style="{StaticResource Title2Bibliotheque}" Grid.Row="2"/>
 
-            <Grid Grid.Row="3" RowDefinitions="Auto,Auto,Auto">
-
-                <Grid Grid.Row="0" ColumnDefinitions="Auto,Auto,Auto,Auto" Style="{StaticResource LigneHorizontaleBibliotheque}">
-                    <Image Style="{StaticResource IconBibliotheque}" Source="person_fill" Grid.Column="0"/>
-                    <Label Text="Auteur" Grid.Column="1"/>
-                    <Label Text=".." Grid.Column="2"/>
-                    <Image Source="chevron_right" Grid.Column="3"/>
-                </Grid>
-
-                <Grid Grid.Row="1" ColumnDefinitions="Auto,Auto,Auto,Auto" Style="{StaticResource LigneHorizontaleBibliotheque}">
-                    <Image Style="{StaticResource IconBibliotheque}" Source="calendar_badge_clock" Grid.Column="0"/>
-                    <Label Text="Date de publication" Grid.Column="1"/>
-                    <Label Text=".." Grid.Column="2"/>
-                    <Image Source="chevron_right" Grid.Column="3"/>
-                </Grid>
-
-                <Grid Grid.Row="2" ColumnDefinitions="Auto,Auto,Auto,Auto" Style="{StaticResource LigneHorizontaleBibliotheque}">
-                    <Image Style="{StaticResource IconBibliotheque}" Source="sparkles" Grid.Column="0"/>
-                    <Label Text="Note" Grid.Column="1"/>
-                    <Label Text=".." Grid.Column="2"/>
-                    <Image Source="chevron_right" Grid.Column="3"/>
+            <Border Grid.Row="3">
+                <Grid RowDefinitions="Auto,Auto,Auto">
+
+                    <Grid Grid.Row="0" ColumnDefinitions="Auto,Auto,*,Auto,Auto" Style="{StaticResource LigneHorizontaleBibliotheque}" >
+                        <Image Style="{StaticResource IconBibliotheque}" Source="person_fill" Grid.Column="0"/>
+                        <Label Style="{StaticResource TexteBibliotheque}" Text="Auteur" Grid.Column="1"/>
+                        <Label Style="{StaticResource NombreBibliotheque}" Text=".." Grid.Column="3"/>
+                        <Image Style="{StaticResource ChevronBibliotheque}" Source="chevron_right" Grid.Column="4"/>
+                    </Grid>
+
+
+                    <Grid Grid.Row="1" ColumnDefinitions="Auto,Auto,*,Auto,Auto" Style="{StaticResource LigneHorizontaleBibliotheque}">
+                        <Image Style="{StaticResource IconBibliotheque}" Source="calendar_badge_clock" Grid.Column="0"/>
+                        <Label Style="{StaticResource TexteBibliotheque}" Text="Date de publication" Grid.Column="1"/>
+                        <Label Style="{StaticResource NombreBibliotheque}" Text=".." Grid.Column="3"/>
+                        <Image Style="{StaticResource ChevronBibliotheque}" Source="chevron_right" Grid.Column="4"/>
+                    </Grid>
+
+                    <Grid Grid.Row="2" ColumnDefinitions="Auto,Auto,*,Auto,Auto" Style="{StaticResource LigneHorizontaleBibliotheque}">
+                        <Image Style="{StaticResource IconBibliotheque}" Source="sparkles" Grid.Column="0"/>
+                        <Label Style="{StaticResource TexteBibliotheque}" Text="Note" Grid.Column="1"/>
+                        <Label Style="{StaticResource NombreBibliotheque}" Text=".." Grid.Column="3"/>
+                        <Image Style="{StaticResource ChevronBibliotheque}" Source="chevron_right" Grid.Column="4"/>
+                    </Grid>
                 </Grid>
-
-
-
-            </Grid>
-
+            </Border>
+            
         </Grid>
     </ScrollView>
 </ContentPage>

MVVM/MVVM/Pages/Bibliotheque.xaml.cs

@@ -2,8 +2,11 @@ namespace MVVM.Pages;
 
 public partial class Bibliotheque : ContentPage
 {
+
+
 	public Bibliotheque()
 	{
 		InitializeComponent();
 	}
+
 }

MVVM/MVVM/Resources/Styles/Styles.xaml

@@ -403,25 +403,40 @@
     </Style>
 
     <Style x:Key="IconBibliotheque" TargetType="Image">
-        <Setter Property="Margin" Value="8"/>
+        <Setter Property="Margin" Value="10"/>
     </Style>
 
     <Style x:Key="TitleBibliotheque" TargetType="Label">
         <Setter Property="FontSize" Value="35"/>
-        <Setter Property="Margin" Value="8"/>
+        <Setter Property="Margin" Value="10,0,0,8"/>
     </Style>
 
     <Style x:Key="Title2Bibliotheque" TargetType="Label">
         <Setter Property="FontSize" Value="30"/>
-        <Setter Property="Margin" Value="8"/>
+        <Setter Property="Margin" Value="10,10,10,10"/>
     </Style>
 
     <Style x:Key="LigneHorizontaleBibliotheque" TargetType="Grid">
-        <Setter Property="BackgroundColor" Value="{StaticResource Gray100}"/>
+       
     </Style>
 
     <Style x:Key="TexteBibliotheque" TargetType="Label">
         <Setter Property="FontSize" Value="18"/>
+        <Setter Property="Margin" Value="10,0,0,0"/>
+        <Setter Property="HorizontalTextAlignment" Value="Center"/>
+        <Setter Property="VerticalTextAlignment" Value="Center"/>
     </Style>
 
+    <Style x:Key="ChevronBibliotheque" TargetType="Image">
+        <Setter Property="Margin" Value="0,0,10,0"/>
+    </Style>
+
+    <Style x:Key="NombreBibliotheque" TargetType="Label">
+        <Setter Property="Margin" Value="0,0,10,0"/>
+        <Setter Property="FontSize" Value="18"/>
+        <Setter Property="HorizontalTextAlignment" Value="Center"/>
+        <Setter Property="VerticalTextAlignment" Value="Center"/>
+    </Style>
+
+    
 </ResourceDictionary>