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" <Label
RowDefinitions="auto, auto, auto, auto, auto, auto, *"> Text="Parcourir les jeux"
FontFamily="PTSansCaption-Bold"
FontSize="24"
<HorizontalStackLayout> Grid.Row="3"
<Frame Margin="10" Padding="25,20,0,0"
BorderColor="DarkViolet" />
CornerRadius="50"
HeightRequest="50" <ScrollView Orientation="Horizontal" Grid.Row="4" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
WidthRequest="50" <Grid RowDefinitions="auto" ColumnDefinitions="*,*,auto" Padding="18" ColumnSpacing="18">
IsClippedToBounds="True" <!-- #1 -->
HorizontalOptions="Start" <ImageButton Source="cover_zelda.png" Grid.Column="0" CornerRadius="20" HeightRequest="160" WidthRequest="290"/>
VerticalOptions="Center" <HorizontalStackLayout Grid.Column="0" Margin="25,95,0,0" Spacing="5">
Grid.Row="1" <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 <Label
Text="Pseudo" Text="Jeux les mieux notés"
FontFamily="AladinRegular" FontFamily="PTSansCaption-Bold"
FontSize="18" FontSize="24"
Grid.Row="1" Grid.Row="5"
HorizontalOptions="Start" Padding="25,25,0,25"
VerticalOptions="Center" />
/>
</HorizontalStackLayout> <Grid Grid.Row="6" ColumnDefinitions="auto,auto,auto">
<StackLayout HorizontalOptions="Center" VerticalOptions="Center" Grid.Row="2"> <VerticalStackLayout Spacing="40">
<SearchBar Placeholder="Rechercher" BackgroundColor="#D9D9D9" TextColor="Black"/>
</StackLayout>
<Label <HorizontalStackLayout Grid.Row="0" Spacing="20">
Text="Parcourir les jeux" <Image Source="cover_lastofus1.png" HeightRequest="60" WidthRequest="100" Margin="25,0,0,0"/>
FontFamily="PTSansCaption-Bold" <VerticalStackLayout Spacing="15">
FontSize="24" <Label Text="The Last of Us Part I" FontFamily="PTSansNarrow-Bold" FontSize="15"/>
Grid.Row="3" <HorizontalStackLayout>
Padding="25,20,0,0" <Image Style="{StaticResource Star}"/>
/> <Label Text="5,0 étoiles"
TextColor="#7C7C7C"
<ScrollView Orientation="Horizontal" Grid.Row="4" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"> FontFamily="PTSansNarrow-Bold"
<Grid RowDefinitions="auto" ColumnDefinitions="*,*,auto" Padding="18" ColumnSpacing="18"> FontSize="12"
<!-- #1 --> Margin="6,0,15,0"/>
<ImageButton Source="cover_zelda.png" Grid.Column="0" CornerRadius="20" HeightRequest="160" WidthRequest="290"/> <Image Source="download_blue.png"
<HorizontalStackLayout Grid.Column="0" Margin="25,95,0,0" Spacing="5"> HeightRequest="20"
<Image Style="{StaticResource Stars}"/> WidthRequest="20"
<Image Style="{StaticResource Stars}"/> HorizontalOptions="Start"
<Image Style="{StaticResource Stars}"/> VerticalOptions="Start"/>
<Image Style="{StaticResource Stars}"/> <Label Text="487k"
<Image Style="{StaticResource Stars}"/> TextColor="#7C7C7C"
</HorizontalStackLayout> FontFamily="PTSansNarrow-Bold"
<Label Text="The Legend of Zelda: Tears of the Kingdom" FontSize="12"
TextColor="White" Margin="6,0,0,0"/>
FontFamily="PTSansCaption-Bold" </HorizontalStackLayout>
FontSize="12" </VerticalStackLayout>
Grid.Column="0"
Padding="25,110,0,0"/> <views:BoutonVoir/>
<Image Source="download.png" </HorizontalStackLayout>
HorizontalOptions="Start"
HeightRequest="20"
WidthRequest="20"
Grid.Column="0" <HorizontalStackLayout Grid.Row="0" Spacing="20">
Margin="23,120,0,0"/> <Image Source="cover_forzahorizon5.png" HeightRequest="60" WidthRequest="100" Margin="25,0,0,0"/>
<Label Text="250k de téléchargements" <VerticalStackLayout Spacing="15">
TextColor="White" <Label Text="Forza Horizon 5" FontFamily="PTSansNarrow-Bold" FontSize="15"/>
FontFamily="PTSansCaption-Bold" <HorizontalStackLayout>
FontSize="8" <Image Style="{StaticResource Star}"/>
Grid.Column="0" <Label Text="4,8 étoiles"
Padding="44,135,0,0"/> TextColor="#7C7C7C"
<!-- #2 --> FontFamily="PTSansNarrow-Bold"
<ImageButton Source="cover_hogwarts.png" Grid.Column="1" CornerRadius="20" HeightRequest="160" WidthRequest="290"/> FontSize="12"
<HorizontalStackLayout Grid.Column="1" Margin="25,95,0,0" Spacing="5"> Margin="6,0,15,0"/>
<Image Style="{StaticResource Stars}"/> <Image Source="download_blue.png"
<Image Style="{StaticResource Stars}"/> HeightRequest="20"
<Image Style="{StaticResource Stars}"/> WidthRequest="20"
<Image Style="{StaticResource Stars}"/> HorizontalOptions="Start"
</HorizontalStackLayout> VerticalOptions="Start"/>
<Label Text="Hogwarts Legacy : L'Héritage de Poudlard" <Label Text="420k"
TextColor="White" TextColor="#7C7C7C"
FontFamily="PTSansCaption-Bold" FontFamily="PTSansNarrow-Bold"
FontSize="12" FontSize="12"
Grid.Column="1" Margin="6,0,0,0"/>
Padding="25,110,0,0"/> </HorizontalStackLayout>
<Image Source="download.png" </VerticalStackLayout>
HorizontalOptions="Start"
HeightRequest="20" <Button Text="Voir" FontFamily="PTSansNarrow-Bold" FontSize="16" BackgroundColor="#FF4D00" HeightRequest="45" WidthRequest="93" Scale="0.85" CornerRadius="25" />
WidthRequest="20" </HorizontalStackLayout>
Grid.Column="1"
Margin="23,120,0,0"/>
<Label Text="160k de téléchargements"
TextColor="White" <HorizontalStackLayout Grid.Row="0" Spacing="20">
FontFamily="PTSansCaption-Bold" <Image Source="cover_readyornot.png" HeightRequest="60" WidthRequest="100" Margin="25,0,0,0"/>
FontSize="8" <VerticalStackLayout Spacing="15">
Grid.Column="1" <Label Text="Ready or Not" FontFamily="PTSansNarrow-Bold" FontSize="15"/>
Padding="44,135,0,0"/> <HorizontalStackLayout>
<!-- #3 --> <Image Style="{StaticResource Star}"/>
<ImageButton Source="cover_residentevil4.png" Grid.Column="2" CornerRadius="20" HeightRequest="160" WidthRequest="290"/> <Label Text="4,8 étoiles"
<HorizontalStackLayout Grid.Column="2" Margin="25,95,0,0" Spacing="5"> TextColor="#7C7C7C"
<Image Style="{StaticResource Stars}"/> FontFamily="PTSansNarrow-Bold"
<Image Style="{StaticResource Stars}"/> FontSize="12"
<Image Style="{StaticResource Stars}"/> Margin="6,0,15,0"/>
</HorizontalStackLayout> <Image Source="download_blue.png"
<Label Text="Resident Evil 4" HeightRequest="20"
TextColor="White" WidthRequest="20"
FontFamily="PTSansCaption-Bold" HorizontalOptions="Start"
FontSize="12" VerticalOptions="Start"/>
Grid.Column="2" <Label Text="276k"
Padding="25,110,0,0"/> TextColor="#7C7C7C"
<Image Source="download.png" FontFamily="PTSansNarrow-Bold"
HorizontalOptions="Start" FontSize="12"
HeightRequest="20" Margin="6,0,0,0"/>
WidthRequest="20" </HorizontalStackLayout>
Grid.Column="2" </VerticalStackLayout>
Margin="23,120,0,0"/>
<Label Text="50k de téléchargements" <Button Text="Voir" FontFamily="PTSansNarrow-Bold" FontSize="16" BackgroundColor="#FF4D00" HeightRequest="45" WidthRequest="93" Scale="0.85" CornerRadius="25" />
TextColor="White" </HorizontalStackLayout>
FontFamily="PTSansCaption-Bold"
FontSize="8"
Grid.Column="2"
Padding="44,135,0,0"/> <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>
<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>
</Grid> </ScrollView>
</Grid>
</ScrollView>
</ContentPage> </ContentPage>

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

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