backround du tableu + button image retour

master
Camille TURPIN-ETIENNE 1 year ago
parent f7170340d4
commit 4df6d73bab

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

@ -4,7 +4,8 @@
xmlns:pages="clr-namespace:mastermind.Pages" xmlns:pages="clr-namespace:mastermind.Pages"
xmlns:views="clr-namespace:mastermind.Views" xmlns:views="clr-namespace:mastermind.Views"
x:Class="mastermind.Pages.TableauScore" x:Class="mastermind.Pages.TableauScore"
Title="TableauScore"> Title="TableauScore"
BackgroundImageSource="wood.jpg">
<ScrollView> <ScrollView>
<VerticalStackLayout> <VerticalStackLayout>
<FlexLayout Direction="Row" JustifyContent="SpaceAround"> <FlexLayout Direction="Row" JustifyContent="SpaceAround">
@ -13,13 +14,13 @@
<Label Text="Scoreboard" HorizontalOptions="Center" FontSize="75" VerticalOptions="Start" Margin="0,10,0,10" TextColor="White" /> <Label Text="Scoreboard" HorizontalOptions="Center" FontSize="75" VerticalOptions="Start" Margin="0,10,0,10" TextColor="White" />
</Frame> </Frame>
<Grid RowDefinitions="auto,auto"> <Grid RowDefinitions="auto,auto">
<Button Grid.Row="0" Style="{StaticResource ButtonFermeture}"/> <ImageButton Grid.Row="0" Style="{StaticResource ButtonFermeture}"/>
<Image Grid.Row="1" Source="star.png" WidthRequest="100" HorizontalOptions="Start" VerticalOptions="Center" Margin="10"/> <Image Grid.Row="1" Source="star.png" WidthRequest="100" HorizontalOptions="Start" VerticalOptions="Center" Margin="10"/>
</Grid> </Grid>
</FlexLayout> </FlexLayout>
<Frame Margin="5" BorderColor="Black"> <Frame Margin="5" BorderColor="Black">
<Grid ColumnDefinitions="auto,*,auto,auto" ColumnSpacing="15"> <Grid ColumnDefinitions="auto,*,auto,auto" ColumnSpacing="10" >
<Button Margin="5" Grid.Column="0" Text="RANK" Style="{StaticResource ButtonTableau}"></Button> <Button Margin="5" Grid.Column="0" Text="RANK" Style="{StaticResource ButtonTableau}" HorizontalOptions="Start"></Button>
<Button Margin="5" Grid.Column="1" Text="PSEUDO" Style="{StaticResource ButtonTableau}" ></Button> <Button Margin="5" Grid.Column="1" Text="PSEUDO" Style="{StaticResource ButtonTableau}" ></Button>
<Button Margin="5" Grid.Column="2" Text="Nombre de coût Moyen" Style="{StaticResource ButtonTableau}"></Button> <Button Margin="5" Grid.Column="2" Text="Nombre de coût Moyen" Style="{StaticResource ButtonTableau}"></Button>
<Button Margin="5" Grid.Column="3" Text="POINT" Style="{StaticResource ButtonTableau}"></Button> <Button Margin="5" Grid.Column="3" Text="POINT" Style="{StaticResource ButtonTableau}"></Button>

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

@ -51,12 +51,12 @@
<Style TargetType="Button" x:Key="ButtonTableau"> <Style TargetType="Button" x:Key="ButtonTableau">
<Setter Property="TextColor" Value="Black" /> <Setter Property="TextColor" Value="Black" />
<Setter Property="BackgroundColor" Value="Transparent" /> <Setter Property="BackgroundColor" Value="Grey" />
<Setter Property="FontFamily" Value="OpenSansRegular"/> <Setter Property="FontFamily" Value="OpenSansRegular"/>
<Setter Property="FontSize" Value="14"/> <Setter Property="FontSize" Value="14"/>
<Setter Property="BorderWidth" Value="0"/> <Setter Property="BorderWidth" Value="0"/>
<Setter Property="CornerRadius" Value="8"/> <Setter Property="CornerRadius" Value="8"/>
<Setter Property="Padding" Value="14,10"/> <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="VisualStateManager.VisualStateGroups"> <Setter Property="VisualStateManager.VisualStateGroups">
@ -75,12 +75,12 @@
</Setter> </Setter>
</Style> </Style>
<Style TargetType="Button" x:Key="ButtonFermeture"> <Style TargetType="ImageButton" x:Key="ButtonFermeture">
<Setter Property="Text" Value="Quitter"/>
<Setter Property="TextColor" Value="White" />
<Setter Property="BackgroundColor" Value="DarkRed" /> <Setter Property="BackgroundColor" Value="DarkRed" />
<Setter Property="FontFamily" Value="OpenSansRegular"/> <Setter Property="WidthRequest" Value="50"/>
<Setter Property="FontSize" Value="14"/> <Setter Property="HeightRequest" Value="50"/>
<Setter Property="Source" Value="Fleche_Retour.png"/>
<Setter Property="Padding" Value="0"/>
<Setter Property="BorderWidth" Value="0"/> <Setter Property="BorderWidth" Value="0"/>
<Setter Property="CornerRadius" Value="8"/> <Setter Property="CornerRadius" Value="8"/>
<Setter Property="Padding" Value="14,10"/> <Setter Property="Padding" Value="14,10"/>
@ -92,7 +92,6 @@
<VisualState x:Name="Normal" /> <VisualState x:Name="Normal" />
<VisualState x:Name="Disabled"> <VisualState x:Name="Disabled">
<VisualState.Setters> <VisualState.Setters>
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray950}, Dark={StaticResource Gray200}}" />
<Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray600}}" /> <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray600}}" />
</VisualState.Setters> </VisualState.Setters>
</VisualState> </VisualState>

Loading…
Cancel
Save