Design des pages, sauf bouton images qui vont être modifiés
continuous-integration/drone/push Build is passing Details

master
Pauline PRADY 11 months ago
parent 853d486439
commit 91061f6e90

@ -5,17 +5,31 @@
<Grid <Grid
ColumnDefinitions="*" ColumnDefinitions="*"
RowDefinitions="*, *, *, *"> RowDefinitions="*, *, *">
<Grid <Grid
ColumnDefinitions="*" ColumnDefinitions="*,*,*,*,*"
RowDefinitions="auto"> RowDefinitions="auto">
<ImageButton <ImageButton
Grid.Column="1"
Style="{StaticResource AccueilBouton}" Style="{StaticResource AccueilBouton}"
Source="pointinterrogation.png" Source="pointinterrogation.png"
HorizontalOptions="End"
/> />
<ImageButton
Grid.Column="2"
Style="{StaticResource AccueilBouton}"
Source="connexion.png"
/>
<ImageButton
Grid.Column="3"
Style="{StaticResource AccueilBouton}"
Source="statistiques.png"
/>
</Grid> </Grid>
<Label <Label
@ -29,25 +43,5 @@
Text="Jouer" Text="Jouer"
/> />
<Grid
Grid.Row="3"
VerticalOptions="End"
ColumnDefinitions="*, *"
RowDefinitions="auto">
<ImageButton
Style="{StaticResource AccueilBouton}"
Source="connexion.png"
HorizontalOptions="Start"
/>
<ImageButton
Style="{StaticResource AccueilBouton}"
Grid.Column="1"
HorizontalOptions="End"
Source="statistiques.png"
/>
</Grid>
</Grid> </Grid>
</ContentPage> </ContentPage>

@ -13,7 +13,7 @@
Text="JOUEURS" Text="JOUEURS"
HorizontalOptions="Center" HorizontalOptions="Center"
FontSize="Header" FontSize="Header"
Margin="0, 0, 0, 50"/> Margin="0"/>
<VerticalStackLayout <VerticalStackLayout
Grid.Row="1" Grid.Row="1"

@ -5,16 +5,15 @@
xmlns:pages="clr-namespace:MauiSpark.Pages" xmlns:pages="clr-namespace:MauiSpark.Pages"
Title="Defaite"> Title="Defaite">
<VerticalStackLayout > <VerticalStackLayout >
<FlexLayout Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" Margin="10"> <Grid WidthRequest="80" Margin="20"></Grid>
<Image Source="defaite.png" MaximumHeightRequest="100" MaximumWidthRequest="100" /> <FlexLayout Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" Margin="10" >
<Frame HorizontalOptions="Center" VerticalOptions="Center" Style="{StaticResource FrameTitrePage}" > <Image Source="defaite.png" MaximumHeightRequest="100" MaximumWidthRequest="100" Margin="0" />
<Label Text="Defaite" Style="{StaticResource TexteTitre}"/> <Label Text="Défaite" Style="{StaticResource TexteTitre}" Margin="0" />
</Frame> <Image Source="defaite.png" MaximumHeightRequest="100" MaximumWidthRequest="100" Margin="0" />
<Image Source="defaite.png" MaximumHeightRequest="100" MaximumWidthRequest="100"/>
</FlexLayout> </FlexLayout>
<Frame Margin="20"> <Frame Margin="40" >
<Label HorizontalOptions="Center" Text="Aucun des deux joueurs, Joueur 1 et Joueur 2 n'a trouvé le code secret" Style="{StaticResource TexteFrame}"/> <Label HorizontalOptions="Center" Text="Aucun des deux joueurs, Joueur 1 et Joueur 2 n'a trouvé le code secret" Style="{StaticResource TexteFrame}"/>
</Frame> </Frame>
<Button Text="Menu" VerticalOptions="End" HorizontalOptions="Center"></Button> <Button Text="Menu" VerticalOptions="End" HorizontalOptions="Center" />
</VerticalStackLayout> </VerticalStackLayout>
</ContentPage> </ContentPage>

@ -5,16 +5,15 @@
xmlns:pages="clr-namespace:MauiSpark.Pages" xmlns:pages="clr-namespace:MauiSpark.Pages"
Title="Egalite"> Title="Egalite">
<VerticalStackLayout> <VerticalStackLayout>
<FlexLayout Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" Margin="10"> <Grid WidthRequest="80" Margin="20"></Grid>
<Image Source="egaliter.jpg" MaximumHeightRequest="100" MaximumWidthRequest="100" /> <FlexLayout Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" Margin="10" >
<Frame HorizontalOptions="Center" VerticalOptions="Center" Style="{StaticResource FrameTitrePage}"> <Image Source="egaliter.jpg" MaximumHeightRequest="100" MaximumWidthRequest="100" Margin="0" />
<Label Text="Egaliter" Style="{StaticResource TexteTitre}"/> <Label Text="Egaliter" Style="{StaticResource TexteTitre}" Margin="0" />
</Frame> <Image Source="egaliter.jpg" MaximumHeightRequest="100" MaximumWidthRequest="100" Margin="0" />
<Image Source="egaliter.jpg" MaximumHeightRequest="100" MaximumWidthRequest="100"/>
</FlexLayout> </FlexLayout>
<Frame Margin="20"> <Frame Margin="40" >
<Label HorizontalOptions="Center" Text="Les deux joueur ont trouvé en même temps" Style="{StaticResource TexteFrame}"/> <Label HorizontalOptions="Center" Text="Les deux joueur ont trouvé en même temps" Style="{StaticResource TexteFrame}"/>
</Frame> </Frame>
<Button Text="Menu" VerticalOptions="End" HorizontalOptions="Center"></Button> <Button Text="Menu" VerticalOptions="End" HorizontalOptions="Center" />
</VerticalStackLayout> </VerticalStackLayout>
</ContentPage> </ContentPage>

@ -6,25 +6,18 @@
Title="Regle"> Title="Regle">
<ScrollView> <ScrollView>
<VerticalStackLayout> <VerticalStackLayout>
<FlexLayout Direction="Row" JustifyContent="SpaceAround"> <Grid>
<Image Source="livre.png" WidthRequest="100" HorizontalOptions="End" VerticalOptions="Center" Margin="0,24,0,0"/> <ImageButton HorizontalOptions="End" WidthRequest="80" Margin="15" Style="{StaticResource ButtonFermeture}"/>
<Frame CornerRadius="5" Margin="10" HorizontalOptions="Center" VerticalOptions="Center" Style="{StaticResource FrameTitrePage}"> </Grid>
<Label Text="Règle" Style="{StaticResource TexteTitre}" /> <FlexLayout Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" Margin="10" >
</Frame> <Image Source="livre.png" WidthRequest="100" HorizontalOptions="End" VerticalOptions="Center" Margin="0"/>
<Grid RowDefinitions="auto,auto"> <Label Text="Règles" Style="{StaticResource TexteTitre}" Margin="0" />
<ImageButton Grid.Row="0" Style="{StaticResource ButtonFermeture}"/> <Image Grid.Row="1" Source="livre.png" WidthRequest="100" HorizontalOptions="Start" VerticalOptions="Center" Margin="0"/>
<Image Grid.Row="1" Source="livre.png" WidthRequest="100" HorizontalOptions="Start" VerticalOptions="Center" Margin="10"/>
</Grid>
</FlexLayout> </FlexLayout>
<Frame Margin="20"> <Frame Margin="40">
<Grid ColumnDefinitions="*,auto"> <Grid ColumnDefinitions="*,auto">
<Label Text=" <Label Text="Le but du jeu est de découvrir la combinaison. On génère aléatoirement deux combinaisons de 4 couleurs (six couleurs au total : jaune, bleu, rouge, vert, blanc et noir), une combinaison pour chaque joueur. Deux joueurs se battent pour trouver la combinaison en premier, il y a douze tours. Le premier joueur à trouver la combinaison à gagner, chaque joueur a le même nombre de coups à réaliser. Donc si le joueur un à trouvé la solution au bout de huit coups, le joueur deux doit finir son huitième coup. Si le joueur deux trouve la combinaison, les deux joueurs sont à égalité. Sinon, le joueur un gagne. Pour trouver la combinaison, les joueurs disposent de quatre indicateurs. Ces indicateurs sont quatre ronds qui représentent les quatre couleurs sélectionnées par le joueur. Un rond noir signifie quune couleur est à la bonne place, un rond blanc correspond à une mauvaise place et s'il ny a pas dindicateur aucune des couleurs nest présentent dans la combinaison."
Le but du jeu est de découvrir la combinaison. On génère aléatoirement deux combinaisons de 4 couleurs (six couleurs au total : jaune, bleu, rouge, vert, blanc et noir), une combinaison pour chaque joueur. Style="{StaticResource TexteFrame}" />
Deux joueurs se battent pour trouver la combinaison en premier, il y a douze tours.
Le premier joueur à trouver la combinaison à gagner, chaque joueur a le même nombre de coups à réaliser. Donc si le joueur un à trouvé la solution au bout de huit coups, le joueur deux doit finir son huitième coup. Si le joueur deux trouve la combinaison, les deux joueurs sont à égalité. Sinon, le joueur un gagne.
Pour trouver la combinaison, les joueurs disposent de quatre indicateurs. Ces indicateurs sont quatre ronds qui représentent les quatre couleurs sélectionnées par le joueur. Un rond noir signifie quune couleur est à la bonne place, un rond blanc correspond à une mauvaise place et s'il ny a pas dindicateur aucune des couleurs nest présentent dans la combinaison.
" Style="{StaticResource TexteFrame}" />
<Image Source="mastermind.png" Grid.Column="1" MaximumHeightRequest="100" MaximumWidthRequest="100"/>
</Grid> </Grid>
</Frame> </Frame>
</VerticalStackLayout> </VerticalStackLayout>

@ -7,15 +7,13 @@
Title="TableauScore"> Title="TableauScore">
<ScrollView> <ScrollView>
<VerticalStackLayout> <VerticalStackLayout>
<FlexLayout Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" > <Grid>
<Image Source="star.png" WidthRequest="100" HorizontalOptions="End" VerticalOptions="Center" Margin="0,24,0,0"/> <ImageButton HorizontalOptions="End" WidthRequest="80" Margin="15" Style="{StaticResource ButtonFermeture}"/>
<Frame CornerRadius="5" Margin="10" HorizontalOptions="Center" VerticalOptions="Center" Style="{StaticResource FrameTitrePage}" > </Grid>
<Label Text="Scoreboard" Style="{StaticResource TexteTitre}"/> <FlexLayout Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" Margin="10" >
</Frame> <Image Source="star.png" WidthRequest="100" HorizontalOptions="End" VerticalOptions="Center" Margin="0"/>
<Grid RowDefinitions="auto,auto"> <Label Text="Scoreboard" Style="{StaticResource TexteTitre}" Margin="0" />
<ImageButton Grid.Row="0" Style="{StaticResource ButtonFermeture}"/> <Image Grid.Row="1" Source="star.png" WidthRequest="100" HorizontalOptions="Start" VerticalOptions="Center" Margin="0"/>
<Image Grid.Row="1" Source="star.png" WidthRequest="100" HorizontalOptions="Start" VerticalOptions="Center" Margin="10"/>
</Grid>
</FlexLayout> </FlexLayout>
<Frame Margin="20" > <Frame Margin="20" >
<Grid ColumnDefinitions="auto,*,auto,auto" ColumnSpacing="10"> <Grid ColumnDefinitions="auto,*,auto,auto" ColumnSpacing="10">

@ -5,16 +5,15 @@
xmlns:pages="clr-namespace:MauiSpark.Pages" xmlns:pages="clr-namespace:MauiSpark.Pages"
Title="Victoire"> Title="Victoire">
<VerticalStackLayout> <VerticalStackLayout>
<FlexLayout Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" Margin="10"> <Grid WidthRequest="80" Margin="20"></Grid>
<Image Source="trophy.jpg" MaximumHeightRequest="100" MaximumWidthRequest="100" /> <FlexLayout Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" Margin="10" >
<Frame HorizontalOptions="Center" VerticalOptions="Center" Style="{StaticResource FrameTitrePage}"> <Image Source="trophy.jpg" WidthRequest="100" HorizontalOptions="End" VerticalOptions="Center" Margin="0" />
<Label Text="Victoire" Style="{StaticResource TexteTitre}"></Label> <Label Text="Victoire" Style="{StaticResource TexteTitre}" Margin="0" />
</Frame> <Image Source="trophy.jpg" Grid.Row="1" WidthRequest="100" HorizontalOptions="Start" VerticalOptions="Center" Margin="0" />
<Image Source="trophy.jpg" MaximumHeightRequest="100" MaximumWidthRequest="100"/>
</FlexLayout> </FlexLayout>
<Frame Margin="20" > <Frame Margin="40" >
<Label HorizontalOptions="Center" Text="Le joueur x a gagné" Style="{StaticResource TexteFrame}"/> <Label HorizontalOptions="Center" Text="Le joueur x a gagné" Style="{StaticResource TexteFrame}"/>
</Frame> </Frame>
<Button Text="Menu" VerticalOptions="End" HorizontalOptions="Center"></Button> <Button Text="Menu" VerticalOptions="End" HorizontalOptions="Center" />
</VerticalStackLayout> </VerticalStackLayout>
</ContentPage> </ContentPage>

@ -18,21 +18,21 @@
<Color x:Key="Magenta">#D600AA</Color> <Color x:Key="Magenta">#D600AA</Color>
<Color x:Key="MidnightBlue">#190649</Color> <Color x:Key="MidnightBlue">#190649</Color>
<Color x:Key="OffBlack">#1f1f1f</Color> <Color x:Key="OffBlack">#1f1f1f</Color>
<Color x:Key="Poussin">#FAEEA1</Color> <Color x:Key="Poussin">#FAEEA1</Color>
<Color x:Key="Raisin">#2F0E36</Color> <Color x:Key="Raisin">#2F0E36</Color>
<Color x:Key="Vin">#A90237</Color> <Color x:Key="Barbie">#DA0081</Color>
<Color x:Key="VertFonce">#54754B</Color>
<Color x:Key="Vin">#202DDC</Color>
<Color x:Key="Pomme">#71E26D</Color> <Color x:Key="Pomme">#71E26D</Color>
<Color x:Key="Diego">#060270</Color> <Color x:Key="Perry">#1E89CA</Color>
<Color x:Key="Perry">#358F92</Color> <Color x:Key="Bordeaux">#50316D</Color>
<Color x:Key="Bordeaux">#662323</Color>
<Color x:Key="Peche">#F2B861</Color> <Color x:Key="Peche">#F2B861</Color>
<Color x:Key="LightSaumon">#E3A79F</Color> <Color x:Key="LightSaumon">#FFE9F7</Color>
<Color x:Key="DarkRed">#72170B</Color> <Color x:Key="DarkRed">#72170B</Color>
<Color x:Key="Violet">#A908DC</Color>
<Color x:Key="LightPurple">#C875A4</Color> <Color x:Key="LightPurple">#C875A4</Color>
<Color x:Key="LightYellow">#F0C67B</Color> <Color x:Key="LightYellow">#F0C67B</Color>
<Color x:Key="DarkPurple">#622E72</Color>
<Color x:Key="LightRed">#F93A3A</Color>
<Color x:Key="Gray100">#E1E1E1</Color> <Color x:Key="Gray100">#E1E1E1</Color>
<Color x:Key="Gray200">#C8C8C8</Color> <Color x:Key="Gray200">#C8C8C8</Color>

@ -9,11 +9,11 @@
</Style> </Style>
<Style TargetType="Label"> <Style TargetType="Label">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Vin}, Dark={StaticResource Perry}}"/> <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Barbie}, Dark={StaticResource Perry}}"/>
</Style> </Style>
<Style TargetType="Label" x:Key="TexteFrame"> <Style TargetType="Label" x:Key="TexteFrame">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource DarkRed}}"/> <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource Black}}"/>
<Setter Property="FontSize" Value="20"/> <Setter Property="FontSize" Value="20"/>
</Style> </Style>
@ -24,8 +24,8 @@
</Style> </Style>
<Style TargetType="Button"> <Style TargetType="Button">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Diego}, Dark={StaticResource Peche}}"/> <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource Violet}}"/>
<Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Pomme}, Dark={StaticResource Bordeaux}}" /> <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource LightSaumon}, Dark={StaticResource Bordeaux}}" />
<Setter Property="FontSize" Value="Large"/> <Setter Property="FontSize" Value="Large"/>
<Setter Property="HeightRequest" Value="80"/> <Setter Property="HeightRequest" Value="80"/>
<Setter Property="Margin" Value="200, 0"/> <Setter Property="Margin" Value="200, 0"/>
@ -33,10 +33,10 @@
<Style TargetType="Frame"> <Style TargetType="Frame">
<Setter Property="BorderColor" Value="Black"/> <Setter Property="BorderColor" Value="Black"/>
<Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource LightSaumon}, Dark={StaticResource LightPurple}}"/> <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Peche}, Dark={StaticResource VertFonce}}"/>
</Style> </Style>
<Style TargetType="Entry"> <Style TargetType="Entry">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Diego}, Dark={StaticResource Peche}}"/> <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource Vin}}"/>
</Style> </Style>
<Style TargetType="Button" x:Key="AccueilBouton"> <Style TargetType="Button" x:Key="AccueilBouton">
@ -45,7 +45,7 @@
</Style> </Style>
<Style TargetType="Frame" x:Key="FrameTitrePage"> <Style TargetType="Frame" x:Key="FrameTitrePage">
<Setter Property="BorderColor" Value="Black"/> <Setter Property="BorderColor" Value="Black"/>
<Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource LightYellow}, Dark={StaticResource DarkPurple}}"/> <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource LightYellow}, Dark={StaticResource LightPurple}}"/>
</Style> </Style>
<Style TargetType="ImageButton"> <Style TargetType="ImageButton">
@ -65,7 +65,7 @@
<Setter Property="Padding" Value="14,10"/> <Setter Property="Padding" Value="14,10"/>
<Setter Property="MinimumHeightRequest" Value="20"/> <Setter Property="MinimumHeightRequest" Value="20"/>
<Setter Property="MinimumWidthRequest" Value="20"/> <Setter Property="MinimumWidthRequest" Value="20"/>
<Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource LightRed}, Dark={StaticResource DarkRed}}"/> <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Pomme}, Dark={StaticResource DarkRed}}"/>
</Style> </Style>
<Style TargetType="Button" x:Key="ButtonTableau"> <Style TargetType="Button" x:Key="ButtonTableau">
@ -75,7 +75,7 @@
<Setter Property="Padding" Value="0"/> <Setter Property="Padding" Value="0"/>
<Setter Property="MinimumHeightRequest" Value="44"/> <Setter Property="MinimumHeightRequest" Value="44"/>
<Setter Property="MinimumWidthRequest" Value="44"/> <Setter Property="MinimumWidthRequest" Value="44"/>
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource DarkRed}}"/> <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource Black}}"/>
<Setter Property="FontSize" Value="25"/> <Setter Property="FontSize" Value="25"/>
</Style> </Style>

Loading…
Cancel
Save