style page score et frame

master
parent ab9a076ae6
commit c51b94acad

@ -7,12 +7,12 @@
<VerticalStackLayout >
<FlexLayout Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" Margin="10">
<Image Source="defaite.png" MaximumHeightRequest="100" MaximumWidthRequest="100" />
<Frame BackgroundColor="Black" HorizontalOptions="Center" VerticalOptions="Center">
<Label Text="Defaite" TextColor="White" FontSize="Large" HorizontalOptions="Center"></Label>
<Frame HorizontalOptions="Center" VerticalOptions="Center" Style="{StaticResource FrameTitrePage}" >
<Label Text="Defaite" FontSize="Large" HorizontalOptions="Center"></Label>
</Frame>
<Image Source="defaite.png" MaximumHeightRequest="100" MaximumWidthRequest="100"/>
</FlexLayout>
<Frame BackgroundColor="Grey" Margin="20">
<Frame Margin="20">
<Label HorizontalOptions="Center" Text="Aucun des deux joueurs, Joueur 1 et Joueur 2 n'a trouvé le code secret"/>
</Frame>
<Button Text="Menu" VerticalOptions="End" HorizontalOptions="Center"></Button>

@ -7,12 +7,12 @@
<VerticalStackLayout>
<FlexLayout Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" Margin="10">
<Image Source="egaliter.jpg" MaximumHeightRequest="100" MaximumWidthRequest="100" />
<Frame BackgroundColor="Black" HorizontalOptions="Center" VerticalOptions="Center">
<Label Text="Egaliter" TextColor="White" FontSize="Large" HorizontalOptions="Center"></Label>
<Frame HorizontalOptions="Center" VerticalOptions="Center" Style="{StaticResource FrameTitrePage}">
<Label Text="Egaliter" FontSize="Large" HorizontalOptions="Center"></Label>
</Frame>
<Image Source="egaliter.jpg" MaximumHeightRequest="100" MaximumWidthRequest="100"/>
</FlexLayout>
<Frame BackgroundColor="Grey" Margin="20">
<Frame Margin="20">
<Label HorizontalOptions="Center" Text="Les deux joueur ont trouvé en même temps"/>
</Frame>
<Button Text="Menu" VerticalOptions="End" HorizontalOptions="Center"></Button>

@ -8,15 +8,15 @@
<VerticalStackLayout>
<FlexLayout Direction="Row" JustifyContent="SpaceAround">
<Image Source="livre.png" WidthRequest="100" HorizontalOptions="End" VerticalOptions="Center" Margin="0,24,0,0"/>
<Frame BorderColor="Black" CornerRadius="5" BackgroundColor="Black" Margin="10" HorizontalOptions="Center" VerticalOptions="Center">
<Label Text="Règle" HorizontalOptions="Center" FontSize="75" VerticalOptions="Start" Margin="0,10,0,10" TextColor="White" />
<Frame CornerRadius="5" Margin="10" HorizontalOptions="Center" VerticalOptions="Center" Style="{StaticResource FrameTitrePage}">
<Label Text="Règle" HorizontalOptions="Center" FontSize="75" VerticalOptions="Start" Margin="0,10,0,10" />
</Frame>
<Grid RowDefinitions="auto,auto">
<ImageButton Grid.Row="0" Style="{StaticResource ButtonFermeture}"/>
<Image Grid.Row="1" Source="livre.png" WidthRequest="100" HorizontalOptions="Start" VerticalOptions="Center" Margin="10"/>
</Grid>
</FlexLayout>
<Frame BackgroundColor="LightGray" Margin="20">
<Frame Margin="20">
<Grid ColumnDefinitions="*,auto">
<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.

@ -4,21 +4,20 @@
xmlns:pages="clr-namespace:mastermind.Pages"
xmlns:views="clr-namespace:mastermind.Views"
x:Class="mastermind.Pages.TableauScore"
Title="TableauScore"
BackgroundImageSource="wood.jpg">
Title="TableauScore">
<ScrollView>
<VerticalStackLayout>
<FlexLayout Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" >
<Image Source="star.png" WidthRequest="100" HorizontalOptions="End" VerticalOptions="Center" Margin="0,24,0,0"/>
<Frame BorderColor="Black" CornerRadius="5" BackgroundColor="Black" Margin="10" HorizontalOptions="Center" VerticalOptions="Center" >
<Label Text="Scoreboard" HorizontalOptions="Center" FontSize="75" VerticalOptions="Start" Margin="0,10,0,10" TextColor="White" />
<Frame CornerRadius="5" Margin="10" HorizontalOptions="Center" VerticalOptions="Center" Style="{StaticResource FrameTitrePage}" >
<Label Text="Scoreboard" HorizontalOptions="Center" FontSize="75" VerticalOptions="Start" Margin="0,10,0,10"/>
</Frame>
<Grid RowDefinitions="auto,auto">
<ImageButton Grid.Row="0" Style="{StaticResource ButtonFermeture}"/>
<Image Grid.Row="1" Source="star.png" WidthRequest="100" HorizontalOptions="Start" VerticalOptions="Center" Margin="10"/>
</Grid>
</FlexLayout>
<Frame Margin="5" BorderColor="Black">
<Frame Margin="5" >
<Grid ColumnDefinitions="auto,*,auto,auto" ColumnSpacing="10">
<Button Margin="0,5,5,5" Grid.Column="0" Text="RANK" Style="{StaticResource ButtonTableau}"></Button>
<Button Margin="5" Grid.Column="1" Text="PSEUDO" Style="{StaticResource ButtonTableau}" HorizontalOptions="Start" ></Button>

@ -7,12 +7,12 @@
<VerticalStackLayout>
<FlexLayout Direction="Row" JustifyContent="SpaceAround" AlignContent="Center" VerticalOptions="Center" Margin="10">
<Image Source="trophy.jpg" MaximumHeightRequest="100" MaximumWidthRequest="100" />
<Frame BackgroundColor="Black" HorizontalOptions="Center" VerticalOptions="Center">
<Label Text="Victoire" TextColor="White" FontSize="Large" HorizontalOptions="Center"></Label>
<Frame HorizontalOptions="Center" VerticalOptions="Center" Style="{StaticResource FrameTitrePage}">
<Label Text="Victoire" FontSize="Large" HorizontalOptions="Center"></Label>
</Frame>
<Image Source="trophy.jpg" MaximumHeightRequest="100" MaximumWidthRequest="100"/>
</FlexLayout>
<Frame BackgroundColor="Grey" Margin="20" >
<Frame Margin="20" >
<Label HorizontalOptions="Center" Text="Le joueur x a gagné"/>
</Frame>
<Button Text="Menu" VerticalOptions="End" HorizontalOptions="Center"></Button>

@ -27,6 +27,11 @@
<Color x:Key="Perry">#358F92</Color>
<Color x:Key="Bordeaux">#662323</Color>
<Color x:Key="Peche">#F2B861</Color>
<Color x:Key="LightSaumon">#E3A79F</Color>
<Color x:Key="DarkRed">#72170B</Color>
<Color x:Key="LightPurple">#C875A4</Color>
<Color x:Key="LightYellow">#F0C67B</Color>
<Color x:Key="DarkPurple">#622E72</Color>
<Color x:Key="Gray100">#E1E1E1</Color>
<Color x:Key="Gray200">#C8C8C8</Color>

@ -18,12 +18,23 @@
<Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Pomme}, Dark={StaticResource Bordeaux}}" />
</Style>
<Style TargetType="Frame">
<Setter Property="BorderColor" Value="Black"/>
<Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource LightSaumon}, Dark={StaticResource LightPurple}}"/>
</Style>
<Style TargetType="Frame" x:Key="FrameTitrePage">
<Setter Property="BorderColor" Value="Black"/>
<Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource LightYellow}, Dark={StaticResource DarkPurple}}"/>
</Style>
<Style TargetType="Label" x:Key="TexteTableau">
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource Black}}"/>
</Style>
<Style TargetType="ImageButton" x:Key="ButtonFermeture">
<Setter Property="BackgroundColor" Value="DarkRed" />
<Setter Property="WidthRequest" Value="50"/>
<Setter Property="HeightRequest" Value="50"/>
<Setter Property="Source" Value="Fleche_Retour.png"/>
@ -34,19 +45,6 @@
<Setter Property="Padding" Value="14,10"/>
<Setter Property="MinimumHeightRequest" Value="20"/>
<Setter Property="MinimumWidthRequest" Value="20"/>
<Setter Property="VisualStateManager.VisualStateGroups">
<VisualStateGroupList>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Normal" />
<VisualState x:Name="Disabled">
<VisualState.Setters>
<Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray600}}" />
</VisualState.Setters>
</VisualState>
<VisualState x:Name="PointerOver" />
</VisualStateGroup>
</VisualStateGroupList>
</Setter>
</Style>

@ -3,12 +3,12 @@
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="mastermind.Views.CTableauScore">
<Frame BorderColor="Black" CornerRadius="5" Padding="0" BackgroundColor="Gray" VerticalOptions="Start" Margin="5" >
<Frame CornerRadius="5" Padding="0" VerticalOptions="Start" Margin="5" >
<Grid ColumnDefinitions="auto,*,auto,auto" ColumnSpacing="10">
<Label Grid.Column="0" Text="N°1" Margin="20" />
<Label Grid.Column="1" Text="Joueur 1" Margin="20" />
<Label Grid.Column="2" Text="5" Margin="20" />
<Label Grid.Column="3" Text="10000" Margin="20" />
<Label Grid.Column="0" Text="N°1" Margin="20" Style="{StaticResource TexteTableau}" />
<Label Grid.Column="1" Text="Joueur 1" Margin="20" Style="{StaticResource TexteTableau}" />
<Label Grid.Column="2" Text="5" Margin="20" Style="{StaticResource TexteTableau}" />
<Label Grid.Column="3" Text="10000" Margin="20" Style="{StaticResource TexteTableau}"/>
</Grid>
</Frame>
</ContentView>

Loading…
Cancel
Save