remi.lavergne
/
GameAtlas
1
5
Fork 0
Code Issues 2 Pull Requests Packages Projects 1 Releases 2 Wiki Activity

Data binding & Overlay sur images

Browse Source
pull/8/head
Remi LAVERGNE 2 years ago
parent cbaa499e28
commit 0dcb3642e6
11 changed files with 246 additions and 81 deletions
Show Stats Download Patch File Download Diff File

BIN
GameAtlas/.vs/GameAtlas/v17/.suo
View File

Binary file not shown.

1
GameAtlas/GameAtlas/App.xaml.cs
Unescape View File

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

8
GameAtlas/GameAtlas/Models/Manager.cs
Unescape View File

@ -34,5 +34,13 @@ namespace GameAtlas.Models
{ {
Utilisateurs.Add(utilisateur); 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);
}
} }
} }

BIN
GameAtlas/GameAtlas/Resources/Images/cover_hogwarts.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 331 KiB

BIN
GameAtlas/GameAtlas/Resources/Images/cover_residentevil4.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 249 KiB

BIN
GameAtlas/GameAtlas/Resources/Images/download.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 364 B

BIN
GameAtlas/GameAtlas/Resources/Images/star.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

275
GameAtlas/GameAtlas/Views/PageAccueil.xaml
Unescape View File

@ -2,17 +2,22 @@
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui" <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit" xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
xmlns:model="clr-namespace:GameAtlas.Models"
x:Class="GameAtlas.Views.PageAcceuil" x:Class="GameAtlas.Views.PageAcceuil"
Title="ACCUEIL" WidthRequest="390" HeightRequest="844"> Title="ACCUEIL" WidthRequest="390" HeightRequest="844">
<ContentPage.BindingContext>
<model:Manager/>
</ContentPage.BindingContext>
<ScrollView VerticalScrollBarVisibility="Never"> <ScrollView VerticalScrollBarVisibility="Never">
<Grid BackgroundColor="Beige" <Grid BackgroundColor="Beige"
RowDefinitions="auto, auto, auto, auto, auto, auto, *"> RowDefinitions="auto, auto, auto, auto, auto, auto, *">
<HorizontalStackLayout> <HorizontalStackLayout>
<Frame Margin="10" <Frame Margin="10"
BorderColor="DarkViolet" BorderColor="DarkViolet"
CornerRadius="50" CornerRadius="50"
HeightRequest="50" HeightRequest="50"
@ -23,7 +28,7 @@
Grid.Row="1" Grid.Row="1"
/> />
<Label <Label
Text="Pseudo" Text="Pseudo"
FontFamily="Aladin" FontFamily="Aladin"
FontSize="18" FontSize="18"
@ -31,12 +36,12 @@
HorizontalOptions="Start" HorizontalOptions="Start"
VerticalOptions="Center" VerticalOptions="Center"
/> />
</HorizontalStackLayout> </HorizontalStackLayout>
<SearchBar Placeholder="Rechercher" <SearchBar Placeholder="Rechercher"
BackgroundColor="White" BackgroundColor="White"
TextColor="Black" TextColor="Black"
HorizontalTextAlignment="Center" HorizontalTextAlignment="Center"
@ -47,7 +52,7 @@
Margin="10" Margin="10"
/> />
<Label <Label
Text="Parcourir les jeux" Text="Parcourir les jeux"
FontFamily="PTSansCaption-Bold" FontFamily="PTSansCaption-Bold"
FontSize="24" FontSize="24"
@ -55,16 +60,150 @@
Padding="20" Padding="20"
/> />
<ScrollView Orientation="Horizontal" Grid.Row="4" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"> <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> </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>
</ScrollView> <Label
<Label
Text="Jeux les mieux notés" Text="Jeux les mieux notés"
FontFamily="PTSansCaption-Bold" FontFamily="PTSansCaption-Bold"
FontSize="24" FontSize="24"
@ -72,77 +211,85 @@
Padding="20" Padding="20"
/> />
<Grid Grid.Row="6" <Grid Grid.Row="6"
ColumnDefinitions="auto, auto,auto" ColumnDefinitions="auto, auto,auto"
RowDefinitions="auto,auto,auto,auto"> RowDefinitions="auto,auto,auto,auto">
<VerticalStackLayout Spacing="40"> <VerticalStackLayout Spacing="40">
<HorizontalStackLayout Grid.Row="0" Spacing="60"> <HorizontalStackLayout Grid.Row="0" Spacing="60">
<Rectangle BackgroundColor="Blue" HeightRequest="60" WidthRequest="100" Margin="10,0,0,0"/> <Rectangle BackgroundColor="Blue" HeightRequest="60" WidthRequest="100" Margin="10,0,0,0"/>
<VerticalStackLayout Spacing="15"> <VerticalStackLayout Spacing="15">
<Label Text="Nom du jeu" FontFamily="PTSansNarrow-Bold" FontSize="13"/> <Label Text="Nom du jeu" FontFamily="PTSansNarrow-Bold" FontSize="13"/>
<HorizontalStackLayout Spacing="20"> <HorizontalStackLayout Spacing="20">
<Label Text="Etoiles"/> <Label Text="Etoiles"/>
<Label Text="85k"/> <Label Text="85k"/>
</HorizontalStackLayout> </HorizontalStackLayout>
</VerticalStackLayout> </VerticalStackLayout>
<Button Text="Voir" BackgroundColor="Orange" VerticalOptions="Center"/>
</HorizontalStackLayout>
<Button Text="Voir" BackgroundColor="Orange" VerticalOptions="Center"/>
</HorizontalStackLayout>
<HorizontalStackLayout Grid.Row="0" Spacing="60">
<Rectangle BackgroundColor="Blue" HeightRequest="60" WidthRequest="100" Margin="10,0,0,0"/>
<VerticalStackLayout Spacing="15">
<Label Text="Nom du jeu" FontFamily="PTSansNarrow-Bold" FontSize="13"/>
<HorizontalStackLayout Spacing="20">
<Label Text="Etoiles"/>
<Label Text="85k"/>
</HorizontalStackLayout>
</VerticalStackLayout>
<Button Text="Voir" BackgroundColor="Orange" VerticalOptions="Center"/>
</HorizontalStackLayout>
<HorizontalStackLayout Grid.Row="0" Spacing="60">
<Rectangle BackgroundColor="Blue" HeightRequest="60" WidthRequest="100" Margin="10,0,0,0"/>
<VerticalStackLayout Spacing="15">
<Label Text="Nom du jeu" FontFamily="PTSansNarrow-Bold" FontSize="13"/>
<HorizontalStackLayout Spacing="20">
<Label Text="Etoiles"/>
<Label Text="85k"/>
</HorizontalStackLayout>
</VerticalStackLayout>
<Button Text="Voir" BackgroundColor="Orange" VerticalOptions="Center"/>
</HorizontalStackLayout>
<HorizontalStackLayout Grid.Row="0" Spacing="60">
<Rectangle BackgroundColor="Blue" HeightRequest="60" WidthRequest="100" Margin="10,0,0,0"/>
<VerticalStackLayout Spacing="15">
<Label Text="Nom du jeu" FontFamily="PTSansNarrow-Bold" FontSize="13"/>
<HorizontalStackLayout Spacing="20">
<Label Text="Etoiles"/>
<Label Text="85k"/>
</HorizontalStackLayout>
</VerticalStackLayout>
<Button Text="Voir" BackgroundColor="Orange" VerticalOptions="Center"/>
</HorizontalStackLayout>
<HorizontalStackLayout Grid.Row="0" Spacing="60">
<Rectangle BackgroundColor="Blue" HeightRequest="60" WidthRequest="100" Margin="10,0,0,0"/>
<VerticalStackLayout Spacing="15">
<Label Text="Nom du jeu" FontFamily="PTSansNarrow-Bold" FontSize="13"/>
<HorizontalStackLayout Spacing="20">
<Label Text="Etoiles"/>
<Label Text="85k"/>
</HorizontalStackLayout>
</VerticalStackLayout>
<Button Text="Voir" BackgroundColor="Orange" VerticalOptions="Center"/>
</HorizontalStackLayout>
<HorizontalStackLayout Grid.Row="0" Spacing="60">
<Rectangle BackgroundColor="Blue" HeightRequest="60" WidthRequest="100" Margin="10,0,0,0"/>
<VerticalStackLayout Spacing="15">
<Label Text="Nom du jeu" FontFamily="PTSansNarrow-Bold" FontSize="13"/>
<HorizontalStackLayout Spacing="20">
<Label Text="Etoiles"/>
<Label Text="85k"/>
</HorizontalStackLayout>
</VerticalStackLayout>
<Button Text="Voir" BackgroundColor="Orange" VerticalOptions="Center"/>
</HorizontalStackLayout>
</VerticalStackLayout> <HorizontalStackLayout Grid.Row="0" Spacing="60">
<Rectangle BackgroundColor="Blue" HeightRequest="60" WidthRequest="100" Margin="10,0,0,0"/>
<VerticalStackLayout Spacing="15">
<Label Text="Nom du jeu" FontFamily="PTSansNarrow-Bold" FontSize="13"/>
<HorizontalStackLayout Spacing="20">
<Label Text="Etoiles"/>
<Label Text="85k"/>
</HorizontalStackLayout>
</VerticalStackLayout>
<Button Text="Voir" BackgroundColor="Orange" VerticalOptions="Center"/>
</HorizontalStackLayout>
</Grid> </VerticalStackLayout>
</Grid> </Grid>
</ScrollView> <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> </ContentPage>

5
GameAtlas/GameAtlas/Views/PageAccueil.xaml.cs
Unescape View File

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

8
GameAtlas/GameAtlas/Views/PageInscription.xaml.cs
Unescape View File

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

2
GameAtlas/GameAtlas/Views/PageParcourir.xaml
Unescape View File

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

Write Preview
Loading…
Cancel
Save