Data binding & Overlay sur images

GameAtlas/GameAtlas/App.xaml.cs

@@ -7,6 +7,7 @@ public partial class App : Application
 	public Manager MyManager { get; private set; } = new Manager();
 	public App()
 	{
+		MyManager.ChargerDonnees();
 		InitializeComponent();
 
 		MainPage = new AppShell();

GameAtlas/GameAtlas/Models/Manager.cs

@@ -34,5 +34,13 @@ namespace GameAtlas.Models
         {
             Utilisateurs.Add(utilisateur);
         }
+
+        public void ChargerDonnees()
+        {
+            Utilisateur user1 = new Utilisateur("test@test.com", "TheAbyssalYT", "AZErty123456@");
+            Utilisateur user2 = new Utilisateur("gmail@gmail.com", "MrLilian24", "mdp_Tres_Securise000");
+            AddUtilisateur(user1);
+            AddUtilisateur(user2);
+        }
     }
 }

GameAtlas/GameAtlas/Views/PageAccueil.xaml

@@ -2,9 +2,14 @@
 <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
+             xmlns:model="clr-namespace:GameAtlas.Models"
              x:Class="GameAtlas.Views.PageAcceuil"
              Title="ACCUEIL" WidthRequest="390" HeightRequest="844">
 
+    <ContentPage.BindingContext>
+        <model:Manager/>
+    </ContentPage.BindingContext>
+
     <ScrollView VerticalScrollBarVisibility="Never">
 
         <Grid BackgroundColor="Beige"
@@ -56,12 +61,146 @@
         />
 
             <ScrollView Orientation="Horizontal" Grid.Row="4" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
-                    <HorizontalStackLayout Padding="18" Spacing="18">
+                <Grid RowDefinitions="auto" ColumnDefinitions="*,*,auto" Padding="18" ColumnSpacing="18">
-                    <ImageButton Source="cover_zelda.png" CornerRadius="20" HeightRequest="160" WidthRequest="290"/>
+                    <!-- #1 -->
-                    <ImageButton Source="cover_zelda.png" CornerRadius="20" HeightRequest="160" WidthRequest="290"/>
+                    <ImageButton Source="cover_zelda.png" Grid.Column="0" CornerRadius="20" HeightRequest="160" WidthRequest="290"/>
-                    <ImageButton Source="cover_zelda.png" CornerRadius="20" HeightRequest="160" WidthRequest="290"/>
+                    <HorizontalStackLayout Grid.Column="0" Margin="25,95,0,0" Spacing="5">
+                        <Image Source="star.png"
+                               HorizontalOptions="Start"
+                               VerticalOptions="Start"
+                               Grid.Column="0"
+                               HeightRequest="10"
+                               WidthRequest="10"/>
+                        <Image Source="star.png"
+                               HorizontalOptions="Start"
+                               VerticalOptions="Start"
+                               Grid.Column="0"
+                               HeightRequest="10"
+                               WidthRequest="10"/>
+                        <Image Source="star.png"
+                               HorizontalOptions="Start"
+                               VerticalOptions="Start"
+                               Grid.Column="0"
+                               HeightRequest="10"
+                               WidthRequest="10"/>
+                        <Image Source="star.png"
+                               HorizontalOptions="Start"
+                               VerticalOptions="Start"
+                               Grid.Column="0"
+                               HeightRequest="10"
+                               WidthRequest="10"/>
+                        <Image Source="star.png"
+                               HorizontalOptions="Start"
+                               VerticalOptions="Start"
+                               Grid.Column="0"
+                               HeightRequest="10"
+                               WidthRequest="10"/>
                     </HorizontalStackLayout>
-
+                    <Label Text="The Legend of Zelda: Tears of the Kingdom"
+                               TextColor="White"
+                               FontFamily="PTSansCaption-Bold"
+                               FontSize="12"
+                               Grid.Column="0"
+                               Padding="25,110,0,0"/>
+                    <Image Source="download.png"
+                               HorizontalOptions="Start"
+                               HeightRequest="20"
+                               WidthRequest="20"
+                               Grid.Column="0"
+                               Margin="23,120,0,0"/>
+                    <Label Text="250k de téléchargements"
+                               TextColor="White"
+                               FontFamily="PTSansCaption-Bold"
+                               FontSize="8"
+                               Grid.Column="0"
+                               Padding="44,135,0,0"/>
+                    <!-- #2 -->
+                    <ImageButton Source="cover_hogwarts.png" Grid.Column="1" CornerRadius="20" HeightRequest="160" WidthRequest="290"/>
+                    <HorizontalStackLayout Grid.Column="1" Margin="25,95,0,0" Spacing="5">
+                        <Image Source="star.png"
+                               HorizontalOptions="Start"
+                               VerticalOptions="Start"
+                               Grid.Column="1"
+                               HeightRequest="10"
+                               WidthRequest="10"/>
+                        <Image Source="star.png"
+                               HorizontalOptions="Start"
+                               VerticalOptions="Start"
+                               Grid.Column="1"
+                               HeightRequest="10"
+                               WidthRequest="10"/>
+                        <Image Source="star.png"
+                               HorizontalOptions="Start"
+                               VerticalOptions="Start"
+                               Grid.Column="1"
+                               HeightRequest="10"
+                               WidthRequest="10"/>
+                        <Image Source="star.png"
+                               HorizontalOptions="Start"
+                               VerticalOptions="Start"
+                               Grid.Column="1"
+                               HeightRequest="10"
+                               WidthRequest="10"/>
+                    </HorizontalStackLayout>
+                    <Label Text="Hogwarts Legacy : L'Héritage de Poudlard"
+                               TextColor="White"
+                               FontFamily="PTSansCaption-Bold"
+                               FontSize="12"
+                               Grid.Column="1"
+                               Padding="25,110,0,0"/>
+                    <Image Source="download.png"
+                               HorizontalOptions="Start"
+                               HeightRequest="20"
+                               WidthRequest="20"
+                               Grid.Column="1"
+                               Margin="23,120,0,0"/>
+                    <Label Text="160k de téléchargements"
+                               TextColor="White"
+                               FontFamily="PTSansCaption-Bold"
+                               FontSize="8"
+                               Grid.Column="1"
+                               Padding="44,135,0,0"/>
+                    <!-- #3 -->
+                    <ImageButton Source="cover_residentevil4.png" Grid.Column="2" CornerRadius="20" HeightRequest="160" WidthRequest="290"/>
+                    <HorizontalStackLayout Grid.Column="2" Margin="25,95,0,0" Spacing="5">
+                        <Image Source="star.png"
+                               HorizontalOptions="Start"
+                               VerticalOptions="Start"
+                               Grid.Column="2"
+                               HeightRequest="10"
+                               WidthRequest="10"/>
+                        <Image Source="star.png"
+                               HorizontalOptions="Start"
+                               VerticalOptions="Start"
+                               Grid.Column="2"
+                               HeightRequest="10"
+                               WidthRequest="10"/>
+                        <Image Source="star.png"
+                               HorizontalOptions="Start"
+                               VerticalOptions="Start"
+                               Grid.Column="2"
+                               HeightRequest="10"
+                               WidthRequest="10"/>
+                    </HorizontalStackLayout>
+                    <Label Text="Resident Evil 4"
+                               TextColor="White"
+                               FontFamily="PTSansCaption-Bold"
+                               FontSize="12"
+                               Grid.Column="2"
+                               Padding="25,110,0,0"/>
+                    <Image Source="download.png"
+                               HorizontalOptions="Start"
+                               HeightRequest="20"
+                               WidthRequest="20"
+                               Grid.Column="2"
+                               Margin="23,120,0,0"/>
+                    <Label Text="50k de téléchargements"
+                               TextColor="White"
+                               FontFamily="PTSansCaption-Bold"
+                               FontSize="8"
+                               Grid.Column="2"
+                               Padding="44,135,0,0"/>
+                </Grid>
             </ScrollView>
 
             <Label
@@ -139,10 +278,18 @@
 
             </Grid>
 
+            <ListView Grid.Row="0" Grid.Column="0" x:Name="users" ItemsSource="{Binding Utilisateurs}">
+                <ListView.ItemTemplate>
+                    <DataTemplate>
+                        <ViewCell>
+                            <Label Text="{Binding Pseudo}" TextColor="Black"/>
+                        </ViewCell>
+                    </DataTemplate>
+                </ListView.ItemTemplate>
+            </ListView>
+
         </Grid>
 
     </ScrollView>
     
-
-
 </ContentPage>

GameAtlas/GameAtlas/Views/PageAccueil.xaml.cs

@@ -1,9 +1,14 @@
+using GameAtlas.Models;
+
 namespace GameAtlas.Views;
 
 public partial class PageAcceuil : ContentPage
 {
+	public Manager Manager => (App.Current as App).MyManager;
 	public PageAcceuil()
 	{
+
 		InitializeComponent();
+		users.BindingContext = Manager;
 	}
 }

GameAtlas/GameAtlas/Views/PageInscription.xaml.cs

@@ -1,10 +1,12 @@
 namespace GameAtlas.Views;
 
 using GameAtlas.Models;
+using System.Diagnostics;
 using System.Text.RegularExpressions;
 
 public partial class PageInscription : ContentPage
 {
+    public Manager InscriptionManager => (App.Current as App).MyManager;
     public PageInscription()
 	{
 		InitializeComponent();
@@ -36,7 +38,9 @@ public partial class PageInscription : ContentPage
             return;
         }
 
-        
+        Utilisateur utilisateur = new Utilisateur(mail, username, password);
+        InscriptionManager.AddUtilisateur(utilisateur);
+        Debug.WriteLine(InscriptionManager.Utilisateurs.Count);
 
         await Navigation.PushAsync(new PageAcceuil());
 

GameAtlas/GameAtlas/Views/PageParcourir.xaml

@@ -7,7 +7,7 @@
              BackgroundColor="Beige">
     
     <VerticalStackLayout>
-        <HorizontalStackLayout HorizontalOptions="FillAndExpand">
+        <HorizontalStackLayout>
             <Image Source="arrow_back.png" WidthRequest="25" HeightRequest="25" HorizontalOptions="Start" Margin="20,20,0,0"/>
             
             <SearchBar Placeholder="Rechercher"