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

Ajout du nouveau background sur la Page Accueil et la Page Parcourir

Browse Source
pull/15/head^2
Rémi LAVERGNE 2 years ago
parent 8b697484e7
commit 3445c855d7
3 changed files with 306 additions and 281 deletions
Show Stats Download Patch File Download Diff File

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

Binary file not shown.

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

@ -9,263 +9,275 @@
<ScrollView VerticalScrollBarVisibility="Never">
<Grid x:Name="outerGrid">
<Grid.Background>
<LinearGradientBrush EndPoint="1,0">
<GradientStop Color="#DFE4FF"
Offset="0.1" />
<GradientStop Color="#FDF7E6"
Offset="1.0" />
</LinearGradientBrush>
</Grid.Background>
<ScrollView VerticalScrollBarVisibility="Never">
<Grid
RowDefinitions="auto, auto, auto, auto, auto, auto, *">
<HorizontalStackLayout>
<Frame Margin="10"
BorderColor="DarkViolet"
CornerRadius="50"
HeightRequest="50"
WidthRequest="50"
IsClippedToBounds="True"
HorizontalOptions="Start"
VerticalOptions="Center"
Grid.Row="1"
/>
<Label
Text="Pseudo"
FontFamily="AladinRegular"
FontSize="18"
Grid.Row="1"
HorizontalOptions="Start"
VerticalOptions="Center"
/>
</HorizontalStackLayout>
<StackLayout HorizontalOptions="Center" VerticalOptions="Center" Grid.Row="2">
<SearchBar Placeholder="Rechercher" BackgroundColor="#D9D9D9" TextColor="Black"/>
</StackLayout>
<Grid BackgroundColor="Beige"
RowDefinitions="auto, auto, auto, auto, auto, auto, *">
<HorizontalStackLayout>
<Frame Margin="10"
BorderColor="DarkViolet"
CornerRadius="50"
HeightRequest="50"
WidthRequest="50"
IsClippedToBounds="True"
HorizontalOptions="Start"
VerticalOptions="Center"
Grid.Row="1"
/>
<Label
Text="Parcourir les jeux"
FontFamily="PTSansCaption-Bold"
FontSize="24"
Grid.Row="3"
Padding="25,20,0,0"
/>
<ScrollView Orientation="Horizontal" Grid.Row="4" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
<Grid RowDefinitions="auto" ColumnDefinitions="*,*,auto" Padding="18" ColumnSpacing="18">
<!-- #1 -->
<ImageButton Source="cover_zelda.png" Grid.Column="0" CornerRadius="20" HeightRequest="160" WidthRequest="290"/>
<HorizontalStackLayout Grid.Column="0" Margin="25,95,0,0" Spacing="5">
<Image Style="{StaticResource Stars}"/>
<Image Style="{StaticResource Stars}"/>
<Image Style="{StaticResource Stars}"/>
<Image Style="{StaticResource Stars}"/>
<Image Style="{StaticResource Stars}"/>
</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 Style="{StaticResource Stars}"/>
<Image Style="{StaticResource Stars}"/>
<Image Style="{StaticResource Stars}"/>
<Image Style="{StaticResource Stars}"/>
</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 Style="{StaticResource Stars}"/>
<Image Style="{StaticResource Stars}"/>
<Image Style="{StaticResource Stars}"/>
</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
Text="Pseudo"
FontFamily="AladinRegular"
FontSize="18"
Grid.Row="1"
HorizontalOptions="Start"
VerticalOptions="Center"
/>
</HorizontalStackLayout>
<StackLayout HorizontalOptions="Center" VerticalOptions="Center" Grid.Row="2">
<SearchBar Placeholder="Rechercher" BackgroundColor="#D9D9D9" TextColor="Black"/>
</StackLayout>
<Label
Text="Parcourir les jeux"
FontFamily="PTSansCaption-Bold"
FontSize="24"
Grid.Row="3"
Padding="25,20,0,0"
/>
<ScrollView Orientation="Horizontal" Grid.Row="4" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
<Grid RowDefinitions="auto" ColumnDefinitions="*,*,auto" Padding="18" ColumnSpacing="18">
<!-- #1 -->
<ImageButton Source="cover_zelda.png" Grid.Column="0" CornerRadius="20" HeightRequest="160" WidthRequest="290"/>
<HorizontalStackLayout Grid.Column="0" Margin="25,95,0,0" Spacing="5">
<Image Style="{StaticResource Stars}"/>
<Image Style="{StaticResource Stars}"/>
<Image Style="{StaticResource Stars}"/>
<Image Style="{StaticResource Stars}"/>
<Image Style="{StaticResource Stars}"/>
</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 Style="{StaticResource Stars}"/>
<Image Style="{StaticResource Stars}"/>
<Image Style="{StaticResource Stars}"/>
<Image Style="{StaticResource Stars}"/>
</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 Style="{StaticResource Stars}"/>
<Image Style="{StaticResource Stars}"/>
<Image Style="{StaticResource Stars}"/>
</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"/>
Text="Jeux les mieux notés"
FontFamily="PTSansCaption-Bold"
FontSize="24"
Grid.Row="5"
Padding="25,25,0,25"
/>
<Grid Grid.Row="6" ColumnDefinitions="auto,auto,auto">
<VerticalStackLayout Spacing="40">
<HorizontalStackLayout Grid.Row="0" Spacing="20">
<Image Source="cover_lastofus1.png" HeightRequest="60" WidthRequest="100" Margin="25,0,0,0"/>
<VerticalStackLayout Spacing="15">
<Label Text="The Last of Us Part I" FontFamily="PTSansNarrow-Bold" FontSize="15"/>
<HorizontalStackLayout>
<Image Style="{StaticResource Star}"/>
<Label Text="5,0 étoiles"
TextColor="#7C7C7C"
FontFamily="PTSansNarrow-Bold"
FontSize="12"
Margin="6,0,15,0"/>
<Image Source="download_blue.png"
HeightRequest="20"
WidthRequest="20"
HorizontalOptions="Start"
VerticalOptions="Start"/>
<Label Text="487k"
TextColor="#7C7C7C"
FontFamily="PTSansNarrow-Bold"
FontSize="12"
Margin="6,0,0,0"/>
</HorizontalStackLayout>
</VerticalStackLayout>
<views:BoutonVoir/>
</HorizontalStackLayout>
<HorizontalStackLayout Grid.Row="0" Spacing="20">
<Image Source="cover_forzahorizon5.png" HeightRequest="60" WidthRequest="100" Margin="25,0,0,0"/>
<VerticalStackLayout Spacing="15">
<Label Text="Forza Horizon 5" FontFamily="PTSansNarrow-Bold" FontSize="15"/>
<HorizontalStackLayout>
<Image Style="{StaticResource Star}"/>
<Label Text="4,8 étoiles"
TextColor="#7C7C7C"
FontFamily="PTSansNarrow-Bold"
FontSize="12"
Margin="6,0,15,0"/>
<Image Source="download_blue.png"
HeightRequest="20"
WidthRequest="20"
HorizontalOptions="Start"
VerticalOptions="Start"/>
<Label Text="420k"
TextColor="#7C7C7C"
FontFamily="PTSansNarrow-Bold"
FontSize="12"
Margin="6,0,0,0"/>
</HorizontalStackLayout>
</VerticalStackLayout>
<Button Text="Voir" FontFamily="PTSansNarrow-Bold" FontSize="16" BackgroundColor="#FF4D00" HeightRequest="45" WidthRequest="93" Scale="0.85" CornerRadius="25" />
</HorizontalStackLayout>
<HorizontalStackLayout Grid.Row="0" Spacing="20">
<Image Source="cover_readyornot.png" HeightRequest="60" WidthRequest="100" Margin="25,0,0,0"/>
<VerticalStackLayout Spacing="15">
<Label Text="Ready or Not" FontFamily="PTSansNarrow-Bold" FontSize="15"/>
<HorizontalStackLayout>
<Image Style="{StaticResource Star}"/>
<Label Text="4,8 étoiles"
TextColor="#7C7C7C"
FontFamily="PTSansNarrow-Bold"
FontSize="12"
Margin="6,0,15,0"/>
<Image Source="download_blue.png"
HeightRequest="20"
WidthRequest="20"
HorizontalOptions="Start"
VerticalOptions="Start"/>
<Label Text="276k"
TextColor="#7C7C7C"
FontFamily="PTSansNarrow-Bold"
FontSize="12"
Margin="6,0,0,0"/>
</HorizontalStackLayout>
</VerticalStackLayout>
<Button Text="Voir" FontFamily="PTSansNarrow-Bold" FontSize="16" BackgroundColor="#FF4D00" HeightRequest="45" WidthRequest="93" Scale="0.85" CornerRadius="25" />
</HorizontalStackLayout>
<HorizontalStackLayout Grid.Row="0" Spacing="20">
<Image Source="cover_starwarsjedisurvivor.png" HeightRequest="60" WidthRequest="100" Margin="25,0,0,0"/>
<VerticalStackLayout Spacing="15">
<Label Text="Star Wars Jedi: Survivor" FontFamily="PTSansNarrow-Bold" FontSize="15"/>
<HorizontalStackLayout>
<Image Style="{StaticResource Star}"/>
<Label Text="4,7 étoiles"
TextColor="#7C7C7C"
FontFamily="PTSansNarrow-Bold"
FontSize="12"
Margin="6,0,15,0"/>
<Image Source="download_blue.png"
HeightRequest="20"
WidthRequest="20"
HorizontalOptions="Start"
VerticalOptions="Start"/>
<Label Text="310k"
TextColor="#7C7C7C"
FontFamily="PTSansNarrow-Bold"
FontSize="12"
Margin="6,0,0,0"/>
</HorizontalStackLayout>
</VerticalStackLayout>
<Button Text="Voir" FontFamily="PTSansNarrow-Bold" FontSize="16" BackgroundColor="#FF4D00" HeightRequest="45" WidthRequest="93" Scale="0.85" CornerRadius="25" />
</HorizontalStackLayout>
</VerticalStackLayout>
</Grid>
</ScrollView>
<Label
Text="Jeux les mieux notés"
FontFamily="PTSansCaption-Bold"
FontSize="24"
Grid.Row="5"
Padding="25,25,0,25"
/>
<Grid Grid.Row="6" ColumnDefinitions="auto,auto,auto">
<VerticalStackLayout Spacing="40">
<HorizontalStackLayout Grid.Row="0" Spacing="20">
<Image Source="cover_lastofus1.png" HeightRequest="60" WidthRequest="100" Margin="25,0,0,0"/>
<VerticalStackLayout Spacing="15">
<Label Text="The Last of Us Part I" FontFamily="PTSansNarrow-Bold" FontSize="15"/>
<HorizontalStackLayout>
<Image Style="{StaticResource Star}"/>
<Label Text="5,0 étoiles"
TextColor="#7C7C7C"
FontFamily="PTSansNarrow-Bold"
FontSize="12"
Margin="6,0,15,0"/>
<Image Source="download_blue.png"
HeightRequest="20"
WidthRequest="20"
HorizontalOptions="Start"
VerticalOptions="Start"/>
<Label Text="487k"
TextColor="#7C7C7C"
FontFamily="PTSansNarrow-Bold"
FontSize="12"
Margin="6,0,0,0"/>
</HorizontalStackLayout>
</VerticalStackLayout>
<views:BoutonVoir/>
</HorizontalStackLayout>
<HorizontalStackLayout Grid.Row="0" Spacing="20">
<Image Source="cover_forzahorizon5.png" HeightRequest="60" WidthRequest="100" Margin="25,0,0,0"/>
<VerticalStackLayout Spacing="15">
<Label Text="Forza Horizon 5" FontFamily="PTSansNarrow-Bold" FontSize="15"/>
<HorizontalStackLayout>
<Image Style="{StaticResource Star}"/>
<Label Text="4,8 étoiles"
TextColor="#7C7C7C"
FontFamily="PTSansNarrow-Bold"
FontSize="12"
Margin="6,0,15,0"/>
<Image Source="download_blue.png"
HeightRequest="20"
WidthRequest="20"
HorizontalOptions="Start"
VerticalOptions="Start"/>
<Label Text="420k"
TextColor="#7C7C7C"
FontFamily="PTSansNarrow-Bold"
FontSize="12"
Margin="6,0,0,0"/>
</HorizontalStackLayout>
</VerticalStackLayout>
<Button Text="Voir" FontFamily="PTSansNarrow-Bold" FontSize="16" BackgroundColor="#FF4D00" HeightRequest="45" WidthRequest="93" Scale="0.85" CornerRadius="25" />
</HorizontalStackLayout>
<HorizontalStackLayout Grid.Row="0" Spacing="20">
<Image Source="cover_readyornot.png" HeightRequest="60" WidthRequest="100" Margin="25,0,0,0"/>
<VerticalStackLayout Spacing="15">
<Label Text="Ready or Not" FontFamily="PTSansNarrow-Bold" FontSize="15"/>
<HorizontalStackLayout>
<Image Style="{StaticResource Star}"/>
<Label Text="4,8 étoiles"
TextColor="#7C7C7C"
FontFamily="PTSansNarrow-Bold"
FontSize="12"
Margin="6,0,15,0"/>
<Image Source="download_blue.png"
HeightRequest="20"
WidthRequest="20"
HorizontalOptions="Start"
VerticalOptions="Start"/>
<Label Text="276k"
TextColor="#7C7C7C"
FontFamily="PTSansNarrow-Bold"
FontSize="12"
Margin="6,0,0,0"/>
</HorizontalStackLayout>
</VerticalStackLayout>
<Button Text="Voir" FontFamily="PTSansNarrow-Bold" FontSize="16" BackgroundColor="#FF4D00" HeightRequest="45" WidthRequest="93" Scale="0.85" CornerRadius="25" />
</HorizontalStackLayout>
<HorizontalStackLayout Grid.Row="0" Spacing="20">
<Image Source="cover_starwarsjedisurvivor.png" HeightRequest="60" WidthRequest="100" Margin="25,0,0,0"/>
<VerticalStackLayout Spacing="15">
<Label Text="Star Wars Jedi: Survivor" FontFamily="PTSansNarrow-Bold" FontSize="15"/>
<HorizontalStackLayout>
<Image Style="{StaticResource Star}"/>
<Label Text="4,7 étoiles"
TextColor="#7C7C7C"
FontFamily="PTSansNarrow-Bold"
FontSize="12"
Margin="6,0,15,0"/>
<Image Source="download_blue.png"
HeightRequest="20"
WidthRequest="20"
HorizontalOptions="Start"
VerticalOptions="Start"/>
<Label Text="310k"
TextColor="#7C7C7C"
FontFamily="PTSansNarrow-Bold"
FontSize="12"
Margin="6,0,0,0"/>
</HorizontalStackLayout>
</VerticalStackLayout>
<Button Text="Voir" FontFamily="PTSansNarrow-Bold" FontSize="16" BackgroundColor="#FF4D00" HeightRequest="45" WidthRequest="93" Scale="0.85" CornerRadius="25" />
</HorizontalStackLayout>
</VerticalStackLayout>
</Grid>
</Grid>
</ScrollView>
</Grid>
</ScrollView>
</ContentPage>

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

@ -5,34 +5,47 @@
x:Class="GameAtlas.Views.PageParcourir"
Title="ECRAN DE CONNEXION" WidthRequest="390" HeightRequest="844"
BackgroundColor="Beige">
<VerticalStackLayout>
<HorizontalStackLayout>
<Image Source="arrow_back.png" WidthRequest="25" HeightRequest="25" HorizontalOptions="Start" Margin="20,20,0,0"/>
<SearchBar Placeholder="Rechercher"
BackgroundColor="White"
TextColor="Black"
HorizontalOptions="EndAndExpand"
/>
</HorizontalStackLayout>
<Label
Text="Rechercher"
FontFamily="PTSansCBold"
FontSize="24"
Grid.Row="3"
Padding="20"
/>
<Grid RowDefinitions="auto, auto, auto, auto"
ColumnDefinitions="*,*">
<ImageButton Source="cover_zelda.png" Grid.Column="0" Grid.Row="0" Style="{StaticResource ImageRecherche}"/>
<ImageButton Source="cover_zelda.png" Grid.Column="0" Grid.Row="1" Style="{StaticResource ImageRecherche}"/>
<ImageButton Source="cover_zelda.png" Grid.Column="1" Grid.Row="0" Style="{StaticResource ImageRecherche}"/>
<ImageButton Source="cover_zelda.png" Grid.Column="1" Grid.Row="1" Style="{StaticResource ImageRecherche}"/>
</Grid>
</VerticalStackLayout>
<Grid x:Name="outerGrid">
<Grid.Background>
<LinearGradientBrush EndPoint="1,0">
<GradientStop Color="#DFE4FF"
Offset="0.1" />
<GradientStop Color="#FDF7E6"
Offset="1.0" />
</LinearGradientBrush>
</Grid.Background>
<VerticalStackLayout>
<HorizontalStackLayout>
<Image Source="arrow_back.png" WidthRequest="25" HeightRequest="25" HorizontalOptions="Start" Margin="20,20,0,0"/>
<SearchBar Placeholder="Rechercher"
BackgroundColor="White"
TextColor="Black"
HorizontalOptions="EndAndExpand"
/>
</HorizontalStackLayout>
<Label
Text="Rechercher"
FontFamily="PTSansCBold"
FontSize="24"
Grid.Row="3"
Padding="20"
/>
<Grid RowDefinitions="auto, auto, auto, auto"
ColumnDefinitions="*,*">
<ImageButton Source="cover_zelda.png" Grid.Column="0" Grid.Row="0" Style="{StaticResource ImageRecherche}"/>
<ImageButton Source="cover_zelda.png" Grid.Column="0" Grid.Row="1" Style="{StaticResource ImageRecherche}"/>
<ImageButton Source="cover_zelda.png" Grid.Column="1" Grid.Row="0" Style="{StaticResource ImageRecherche}"/>
<ImageButton Source="cover_zelda.png" Grid.Column="1" Grid.Row="1" Style="{StaticResource ImageRecherche}"/>
</Grid>
</VerticalStackLayout>
</Grid>
</ContentPage>
Write Preview
Loading…
Cancel
Save