Correction et finalisation des vues : Accueil, Connexion, Inscription + Ajout d'images

pull/32/head
Nicolas BLONDEAU 2 years ago
parent f66831d18f
commit bf75eb64ce

@ -59,13 +59,13 @@
</Style>
</FlexLayout.Resources>
<Label
Text="Bienvenue !"
TextDecorations="Underline"
VerticalOptions="Center"
<Image
Source="bienvenue.png"
VerticalOptions="Center"
Margin="0, 0, 0, 40"
HorizontalOptions="Center"
FontSize="40"
HeightRequest="100" />
HeightRequest="100"
/>
<Button
Style="{StaticResource buttonStyle}"
Text="Se connecter" />
@ -76,6 +76,8 @@
Style="{StaticResource labelStyleBottom}"
Text="Me connecter plus tard"
HeightRequest="20" />
<!--IMAGE SORTIE APPLI A FAIRE - EXIT avec porte style minecraft-->
</FlexLayout>
</ContentPage>

@ -4,64 +4,63 @@
xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
x:Class="Vues.Connexion"
BackgroundImageSource="back.png">
<toolkit:DockLayout
>
<toolkit:DockLayout>
<Image
Source="stevemc.png"
toolkit:DockLayout.DockPosition="Left"
HeightRequest="400"
Margin="100"/>
Margin="100"/>
<FlexLayout
JustifyContent="Center"
toolkit:DockLayout.DockPosition="Right"
AlignItems="Center"
Direction="Column">
<Label
Text="Connexion"
VerticalOptions="Center"
HorizontalOptions="Center"
FontSize="38"
HeightRequest="100"/>
<Label
Text="Identifiant"
FontSize="20"
WidthRequest="200" />
<Entry
WidthRequest="200"
BackgroundColor="DimGrey"
Placeholder="Identifiant"
PlaceholderColor="CornflowerBlue"
/>
<Label
Text="Mot de passe"
FontSize="20"
WidthRequest="200"/>
<Entry WidthRequest="200"
BackgroundColor="DimGrey"
Placeholder="Mot de passe"
PlaceholderColor="CornflowerBlue"/>
<Button
Text="Valider"
WidthRequest="150"
Margin="10"
BackgroundColor="#6193b7"
BorderColor="CornflowerBlue"/>
<FlexLayout.Resources>
<Style TargetType="Entry">
<Setter Property="WidthRequest" Value="250" />
<Setter Property="BackgroundColor" Value="{StaticResource Gray300}" />
<Setter Property="PlaceholderColor" Value="{StaticResource Gray500}" />
<Setter Property="Margin" Value="3" />
</Style>
<Style x:Key="buttonStyle" TargetType="Button">
<Setter Property="FontSize" Value="Small" />
<Setter Property="WidthRequest" Value="100" />
<Setter Property="HeightRequest" Value="50" />
<Setter Property="BorderColor" Value="Black" />
<Setter Property="BorderWidth" Value="1" />
<Setter Property="Margin" Value="5" />
<Setter Property="BackgroundColor" Value="{StaticResource buttonBackgroundColor}" />
<Setter Property="VisualStateManager.VisualStateGroups">
<VisualStateGroupList>
<VisualStateGroup>
<VisualState x:Name="Normal">
<VisualState.Setters>
<Setter Property="Scale"
Value="1" />
</VisualState.Setters>
</VisualState>
<VisualState x:Name="PointerOver">
<VisualState.Setters>
<Setter Property="Scale"
Value="1.05" />
</VisualState.Setters>
</VisualState>
</VisualStateGroup>
</VisualStateGroupList>
</Setter>
</Style>
</FlexLayout.Resources>
<Image
VerticalOptions="Center"
HorizontalOptions="Center"
Source="connexion.png"
HeightRequest="70"
Margin="0, 0, 0, 30" />
<Entry Placeholder="Identifiant / Adresse mail" />
<Entry Placeholder="Mot de passe" />
<Button Style="{StaticResource buttonStyle}"
Text="Valider" />
</FlexLayout>
</toolkit:DockLayout>
</ContentPage>

@ -5,76 +5,63 @@
x:Class="Vues.Inscription"
BackgroundImageSource="back.png">
<toolkit:DockLayout>
<Image
Source="alexmc.png"
toolkit:DockLayout.DockPosition="Right"
HeightRequest="400"
Margin="150"/>
<FlexLayout
JustifyContent="Center"
AlignItems="Center"
Direction="Column">
<Label
Text="Inscription"
VerticalOptions="Center"
HorizontalOptions="Center"
FontSize="38"
HeightRequest="100"/>
<Entry
MaxLength="50"
Placeholder="Entrez votre nom"
PlaceholderColor="CornflowerBlue"
WidthRequest="200"
BackgroundColor="DimGrey"
/>
<Entry
MaxLength="50"
Placeholder="Entrez votre prenom"
PlaceholderColor="CornflowerBlue"
Margin="5"
WidthRequest="200"
BackgroundColor="DimGrey"
/>
<Entry
MaxLength="50"
Placeholder="Entrez votre mail"
PlaceholderColor="CornflowerBlue"
WidthRequest="200"
BackgroundColor="DimGrey"
/>
<Entry
MaxLength="50"
Placeholder="Entrez votre mot de passe"
PlaceholderColor="CornflowerBlue"
Margin="5"
WidthRequest="200"
BackgroundColor="DimGrey"
/>
<Button
Text="Valider"
FontSize="20"
WidthRequest="200"
BorderColor="CornflowerBlue"
BackgroundColor="#6193b7"/>
<FlexLayout.Resources>
<Style TargetType="Entry">
<Setter Property="WidthRequest" Value="250" />
<Setter Property="MaxLength" Value="60" />
<Setter Property="BackgroundColor" Value="{StaticResource Gray300}" />
<Setter Property="PlaceholderColor" Value="{StaticResource Gray500}" />
<Setter Property="Margin" Value="3" />
</Style>
<Style x:Key="buttonStyle" TargetType="Button">
<Setter Property="FontSize" Value="Small" />
<Setter Property="WidthRequest" Value="100" />
<Setter Property="HeightRequest" Value="50" />
<Setter Property="BorderColor" Value="Black" />
<Setter Property="BorderWidth" Value="1" />
<Setter Property="Margin" Value="5" />
<Setter Property="BackgroundColor" Value="{StaticResource buttonBackgroundColor}" />
<Setter Property="VisualStateManager.VisualStateGroups">
<VisualStateGroupList>
<VisualStateGroup>
<VisualState x:Name="Normal">
<VisualState.Setters>
<Setter Property="Scale"
Value="1" />
</VisualState.Setters>
</VisualState>
<VisualState x:Name="PointerOver">
<VisualState.Setters>
<Setter Property="Scale"
Value="1.05" />
</VisualState.Setters>
</VisualState>
</VisualStateGroup>
</VisualStateGroupList>
</Setter>
</Style>
</FlexLayout.Resources>
<Image
VerticalOptions="Center"
HorizontalOptions="Center"
Source="inscription.png"
HeightRequest="70"
Margin="0, 0, 0, 30" />
<Entry Placeholder="Nom"/>
<Entry Placeholder="Prénom" />
<Entry Placeholder="Mail" />
<Entry Placeholder="Mot de passe" />
<Button Style="{StaticResource buttonStyle}" Text="Valider" />
</FlexLayout>
</toolkit:DockLayout>
</ContentPage>

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

@ -47,6 +47,13 @@
<MauiAsset Include="Resources\Raw\**" LogicalName="%(RecursiveDir)%(Filename)%(Extension)" />
</ItemGroup>
<ItemGroup>
<None Remove="Resources\Images\bienvenue.png" />
<None Remove="Resources\Images\connexion.png" />
<None Remove="Resources\Images\exit.png" />
<None Remove="Resources\Images\inscription.png" />
</ItemGroup>
<ItemGroup>
<PackageReference Include="CommunityToolkit.Maui" Version="5.0.0" />
<PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="7.0.0" />

Loading…
Cancel
Save