parent
07cfead7d8
commit
0923a2ef21
Binary file not shown.
@ -1,30 +1,187 @@
|
||||
<?xml version="1.0" encoding="utf-8" ?>
|
||||
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
|
||||
xmlns:model="clr-namespace:GameAtlas.Models"
|
||||
x:Class="GameAtlas.Views.PageJeu"
|
||||
Title="PageJeu">
|
||||
|
||||
<ContentPage.BindingContext>
|
||||
<model:Manager/>
|
||||
</ContentPage.BindingContext>
|
||||
|
||||
<VerticalStackLayout>
|
||||
<Label
|
||||
Text="Welcome to .NET MAUI!"
|
||||
VerticalOptions="Center"
|
||||
HorizontalOptions="Center" />
|
||||
<Editor Placeholder="Rentrez un nom de jeu" x:Name="JeuEditor"></Editor>
|
||||
<Button Text="Ajouter Jeu" Clicked="OnClicked"></Button>
|
||||
|
||||
<ListView x:Name="users" ItemsSource="{Binding Utilisateurs}">
|
||||
<ListView.ItemTemplate>
|
||||
<DataTemplate>
|
||||
<ViewCell>
|
||||
<Label Text="{Binding Pseudo}" TextColor="Black"/>
|
||||
</ViewCell>
|
||||
</DataTemplate>
|
||||
</ListView.ItemTemplate>
|
||||
</ListView>
|
||||
</VerticalStackLayout>
|
||||
<Grid x:Name="outerGrid">
|
||||
|
||||
<ScrollView>
|
||||
<Grid RowDefinitions="166,*" ColumnDefinitions="30,*,30" Padding="10,20,10,0">
|
||||
|
||||
<Image Source="arrowback" VerticalOptions="Start" WidthRequest="30">
|
||||
</Image>
|
||||
|
||||
<Border Grid.Row="0" Grid.Column="1" WidthRequest="290" HeightRequest="166" StrokeShape="RoundRectangle 5" VerticalOptions="Start" HorizontalOptions="Center">
|
||||
<Border.Shadow>
|
||||
<Shadow Brush="Black" Offset="0,4" Radius="4" Opacity="0.4" />
|
||||
</Border.Shadow>
|
||||
<Frame HasShadow="False" CornerRadius="5" IsClippedToBounds="True">
|
||||
<Image Source="https://cdn1.epicgames.com/offer/e97659b501af4e3981d5430dad170911/EGS_HogwartsLegacy_AvalancheSoftware_S1_2560x1440-2baf3188eb3c1aa248bcc1af6a927b7e" Aspect="AspectFill"/>
|
||||
</Frame>
|
||||
</Border>
|
||||
|
||||
<VerticalStackLayout Grid.Row="1" Grid.ColumnSpan="3" Padding="20" Spacing="8">
|
||||
|
||||
<Label Text="Hogwarts Legacy - L'Héritage de Poudlard" FontFamily="PTSansCBold" FontSize="14" TextColor="{StaticResource Black}"/>
|
||||
|
||||
<Label Text="10 février 2023" FontFamily="RobotoRegular" FontSize="11" TextColor="{StaticResource Gray500}"/>
|
||||
|
||||
<FlexLayout Direction="Row" JustifyContent="Start" AlignItems="Start" Wrap="Wrap" >
|
||||
<BindableLayout.ItemsSource>
|
||||
<x:Array Type="{x:Type x:String}">
|
||||
<x:String>XONE</x:String>
|
||||
<x:String>PS5</x:String>
|
||||
<x:String>PC</x:String>
|
||||
<x:String>SWITCH</x:String>
|
||||
</x:Array>
|
||||
</BindableLayout.ItemsSource>
|
||||
<BindableLayout.ItemTemplate>
|
||||
<DataTemplate>
|
||||
<Grid RowDefinitions="18" ColumnDefinitions="auto">
|
||||
<Frame BackgroundColor="{StaticResource Tertiary}" HeightRequest="18" CornerRadius="9" Padding="10,0" Margin="0,0,5,5">
|
||||
<Label Text="{Binding .}" FontFamily="RobotoRegular" FontSize="11" TextColor="{StaticResource Gray500}" VerticalOptions="Center" HorizontalTextAlignment="Center"/>
|
||||
</Frame>
|
||||
</Grid>
|
||||
</DataTemplate>
|
||||
</BindableLayout.ItemTemplate>
|
||||
</FlexLayout>
|
||||
|
||||
<Label FontFamily="RobotoRegular" FontSize="14">
|
||||
<Label.FormattedText>
|
||||
<FormattedString>
|
||||
<Span Text="Développeur: " TextColor="{StaticResource Gray500}" />
|
||||
<Span Text="Avalanche Software" TextColor="{StaticResource Black}" />
|
||||
</FormattedString>
|
||||
</Label.FormattedText>
|
||||
</Label>
|
||||
<Label FontFamily="RobotoRegular" FontSize="14">
|
||||
<Label.FormattedText>
|
||||
<FormattedString>
|
||||
<Span Text="Editeur: " TextColor="{StaticResource Gray500}" />
|
||||
<Span Text="Warner Bros. Games" TextColor="{StaticResource Black}" />
|
||||
</FormattedString>
|
||||
</Label.FormattedText>
|
||||
</Label>
|
||||
|
||||
<Frame CornerRadius="5" HeightRequest="40" BackgroundColor="{StaticResource Primary}" Margin="0,10,0,0">
|
||||
<HorizontalStackLayout HorizontalOptions="Center" VerticalOptions="Center" Spacing="15">
|
||||
<Image Source="plus" HeightRequest="15"/>
|
||||
<Label Text="Ajouter à" FontFamily="PTSansCBold" FontSize="13" TextColor="{StaticResource Black}" VerticalOptions="Center"/>
|
||||
</HorizontalStackLayout>
|
||||
</Frame>
|
||||
|
||||
<Grid RowDefinitions="50" ColumnDefinitions="auto,*,auto,*,auto,*,auto" Margin="0,5">
|
||||
<Frame BorderColor="{StaticResource Black}" CornerRadius="5" Padding="15" BackgroundColor="Transparent">
|
||||
<Grid RowDefinitions="auto,auto" ColumnDefinitions="auto,*" ColumnSpacing="15" VerticalOptions="Center">
|
||||
<Image Grid.RowSpan="2" Source="trophy" WidthRequest="20" VerticalOptions="Center"/>
|
||||
<Label Grid.Column="1" Text="4.6" FontFamily="RobotoRegular" FontSize="16" TextColor="{StaticResource Black}" VerticalOptions="Center"/>
|
||||
<Label Grid.Row="1" Grid.Column="1" Text="Note" FontFamily="RobotoRegular" FontSize="12" TextColor="{StaticResource Gray500}" VerticalOptions="Center"/>
|
||||
</Grid>
|
||||
</Frame>
|
||||
|
||||
<Frame Grid.Column="2" BorderColor="{StaticResource Black}" CornerRadius="5" Padding="15,15,20,15" BackgroundColor="Transparent">
|
||||
<Grid RowDefinitions="auto,auto" ColumnDefinitions="*" ColumnSpacing="15" VerticalOptions="Center">
|
||||
<Label Grid.Column="0" Text="243" FontFamily="RobotoRegular" FontSize="16" TextColor="{StaticResource Black}" VerticalOptions="Center"/>
|
||||
<Label Grid.Row="1" Grid.Column="0" Text="Voulus" FontFamily="RobotoRegular" FontSize="12" TextColor="{StaticResource Gray500}" VerticalOptions="Center"/>
|
||||
</Grid>
|
||||
</Frame>
|
||||
|
||||
<Frame Grid.Column="4" BorderColor="{StaticResource Black}" CornerRadius="5" Padding="15" BackgroundColor="Transparent">
|
||||
<Grid RowDefinitions="auto,auto" ColumnDefinitions="*" ColumnSpacing="15" VerticalOptions="Center">
|
||||
<Label Grid.Column="0" Text="95" FontFamily="RobotoRegular" FontSize="16" TextColor="{StaticResource Black}" VerticalOptions="Center"/>
|
||||
<Label Grid.Row="1" Grid.Column="0" Text="Possédés" FontFamily="RobotoRegular" FontSize="12" TextColor="{StaticResource Gray500}" VerticalOptions="Center"/>
|
||||
</Grid>
|
||||
</Frame>
|
||||
|
||||
<Frame Grid.Column="6" BorderColor="{StaticResource Black}" CornerRadius="5" Padding="15,15,30,15" BackgroundColor="Transparent">
|
||||
<Grid RowDefinitions="auto,auto" ColumnDefinitions="*" ColumnSpacing="15" VerticalOptions="Center">
|
||||
<Label Grid.Column="0" Text="20" FontFamily="RobotoRegular" FontSize="16" TextColor="{StaticResource Black}" VerticalOptions="Center"/>
|
||||
<Label Grid.Row="1" Grid.Column="0" Text="Avis" FontFamily="RobotoRegular" FontSize="12" TextColor="{StaticResource Gray500}" VerticalOptions="Center"/>
|
||||
</Grid>
|
||||
</Frame>
|
||||
</Grid>
|
||||
|
||||
<Frame HeightRequest="35" CornerRadius="5" BackgroundColor="{StaticResource Tertiary}" Margin="0,20,0,0">
|
||||
<StackLayout Orientation="Horizontal" Spacing="15" Padding="15,0,5,0">
|
||||
<Image Source="store" HeightRequest="19" VerticalOptions="Center"/>
|
||||
<Label Text="Disponible sur les plateformes" FontFamily="RobotoRegular" FontSize="12" TextColor="{StaticResource Gray600}" VerticalOptions="Center" HorizontalOptions="StartAndExpand"/>
|
||||
<Image Source="arrowback" HeightRequest="20" Rotation="180" VerticalOptions="Center"/>
|
||||
</StackLayout>
|
||||
</Frame>
|
||||
|
||||
<Label Text="Genres" FontFamily="PTSansCBold" FontSize="14" TextColor="{StaticResource Black}" Margin="0,10,0,0"/>
|
||||
|
||||
<FlexLayout Direction="Row" JustifyContent="Start" AlignItems="Start" Wrap="Wrap" >
|
||||
<BindableLayout.ItemsSource>
|
||||
<x:Array Type="{x:Type x:String}">
|
||||
<x:String>🧙🏻 Jeu de rôle</x:String>
|
||||
<x:String>🏹 Aventure</x:String>
|
||||
</x:Array>
|
||||
</BindableLayout.ItemsSource>
|
||||
<BindableLayout.ItemTemplate>
|
||||
<DataTemplate>
|
||||
<Grid RowDefinitions="20" ColumnDefinitions="auto">
|
||||
<Frame BackgroundColor="Transparent" BorderColor="{StaticResource Black}" HeightRequest="20" CornerRadius="10" Padding="8,0" Margin="0,0,5,5">
|
||||
<Label Text="{Binding .}" FontFamily="PTSansNRegular" FontSize="10" TextColor="{StaticResource Gray500}" VerticalOptions="Center" HorizontalTextAlignment="Center"/>
|
||||
</Frame>
|
||||
</Grid>
|
||||
</DataTemplate>
|
||||
</BindableLayout.ItemTemplate>
|
||||
</FlexLayout>
|
||||
|
||||
<Label Text="Résumé" FontFamily="PTSansCBold" FontSize="14" TextColor="{StaticResource Black}" Margin="0,10,0,0"/>
|
||||
|
||||
<Label Text="Hogwarts Legacy est un jeu de rôle d'action et d'aventure solo basé sur l'univers de Harry Potter, dans lequel le joueur incarne un nouveau venu dans le château enchanté tant apprécié des fans des livres et de la franchise cinématographique." FontFamily="PTSansNRegular" FontSize="10" TextColor="{StaticResource Gray500}" VerticalOptions="Center"/>
|
||||
|
||||
<VerticalStackLayout Spacing="10" Margin="0,15,0,0">
|
||||
<BindableLayout.ItemsSource>
|
||||
<x:Array Type="{x:Type x:String}">
|
||||
<x:String>XONE</x:String>
|
||||
<x:String>PS5</x:String>
|
||||
<x:String>PC</x:String>
|
||||
<x:String>SWITCH</x:String>
|
||||
</x:Array>
|
||||
</BindableLayout.ItemsSource>
|
||||
<BindableLayout.ItemTemplate>
|
||||
<DataTemplate>
|
||||
<Frame CornerRadius="5" BackgroundColor="{StaticResource Tertiary}" Padding="15">
|
||||
<Grid ColumnDefinitions="30,*" RowDefinitions="30,auto" ColumnSpacing="10" RowSpacing="10">
|
||||
<Frame Grid.Row="0" WidthRequest="30" HeightRequest="30" CornerRadius="15" VerticalOptions="Start" HorizontalOptions="End" >
|
||||
<Frame.Background>
|
||||
<LinearGradientBrush EndPoint="1,0">
|
||||
<GradientStop Color="#C57CFF"
|
||||
Offset="0.1" />
|
||||
<GradientStop Color="#8F00FF"
|
||||
Offset="1.0" />
|
||||
</LinearGradientBrush>
|
||||
</Frame.Background>
|
||||
<Frame HeightRequest="28" WidthRequest="28" CornerRadius="14" VerticalOptions="Center" HorizontalOptions="Center" IsClippedToBounds="True">
|
||||
<Image Source="https://codefirst.iut.uca.fr/git/avatars/4045f9272217b1c04fb71402eac9c97d" Aspect="AspectFill"/>
|
||||
</Frame>
|
||||
</Frame>
|
||||
|
||||
<VerticalStackLayout Grid.Column="1" VerticalOptions="Center" Spacing="3">
|
||||
<Label Text="Pseudonyme" FontSize="14" FontFamily="AladinRegular" TextColor="{StaticResource Black}"/>
|
||||
<HorizontalStackLayout Spacing="3">
|
||||
<Image Source="starrating" HeightRequest="10" VerticalOptions="Center" Margin="0,-2,0,0"/>
|
||||
<Label Text="5" FontSize="10" FontFamily="RobotoRegular" TextColor="{StaticResource Gray600}" VerticalOptions="Center"/>
|
||||
</HorizontalStackLayout>
|
||||
</VerticalStackLayout>
|
||||
|
||||
<Label Grid.Row="1" Grid.ColumnSpan="2" Text="Hogwarts Legacy est un jeu de rôle d'action et d'aventure solo basé sur l'univers de Harry Potter, dans lequel le joueur incarne un nouveau venu dans le château enchanté tant apprécié des fans des livres et de la franchise cinématographique." FontFamily="PTSansNRegular" FontSize="10" TextColor="{StaticResource Gray500}" VerticalOptions="Center"/>
|
||||
|
||||
</Grid>
|
||||
</Frame>
|
||||
</DataTemplate>
|
||||
</BindableLayout.ItemTemplate>
|
||||
</VerticalStackLayout>
|
||||
|
||||
</VerticalStackLayout>
|
||||
|
||||
</Grid>
|
||||
</ScrollView>
|
||||
</Grid>
|
||||
|
||||
|
||||
</ContentPage>
|
Loading…
Reference in new issue