maxime.BATISTA@etu.uca.fr
2 years ago
parent
6b24c7657f
commit
c669811f0d
@ -1,48 +0,0 @@
|
||||
<?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"
|
||||
x:Class="ShoopNCook.MainPage">
|
||||
|
||||
<ScrollView>
|
||||
<VerticalStackLayout
|
||||
Spacing="25"
|
||||
Padding="30,0"
|
||||
VerticalOptions="Center">
|
||||
|
||||
<Image
|
||||
Source="dotnet_bot.png"
|
||||
SemanticProperties.Description="Cute dot net bot waving hi to you!"
|
||||
HeightRequest="200"
|
||||
HorizontalOptions="Center" />
|
||||
|
||||
<Label
|
||||
Text="Hello, World!"
|
||||
SemanticProperties.HeadingLevel="Level1"
|
||||
FontSize="32"
|
||||
HorizontalOptions="Center" />
|
||||
|
||||
<Label
|
||||
Text="Welcome to .NET Multi-platform App UI"
|
||||
SemanticProperties.HeadingLevel="Level2"
|
||||
SemanticProperties.Description="Welcome to dot net Multi platform App U I"
|
||||
FontSize="18"
|
||||
HorizontalOptions="Center" />
|
||||
|
||||
<Button
|
||||
x:Name="CounterBtn"
|
||||
Text="Click me !"
|
||||
SemanticProperties.Hint="Counts the number of times you click"
|
||||
Clicked="OnCounterClicked"
|
||||
HorizontalOptions="Center" />
|
||||
|
||||
<Button
|
||||
x:Name="RedirectBtn"
|
||||
Text="Goto page 2"
|
||||
SemanticProperties.Hint="Goto page 2"
|
||||
Clicked="OnCounterClicked"
|
||||
HorizontalOptions="Center" />
|
||||
|
||||
</VerticalStackLayout>
|
||||
</ScrollView>
|
||||
|
||||
</ContentPage>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 900 B |
|
After Width: | Height: | Size: 972 B |
|
After Width: | Height: | Size: 285 B |
|
Before Width: | Height: | Size: 896 B After Width: | Height: | Size: 911 B |
|
After Width: | Height: | Size: 461 B |
@ -0,0 +1,152 @@
|
||||
<?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"
|
||||
x:Class="ShoopNCook.Views.RecipePage"
|
||||
Title="RecipePage"
|
||||
BackgroundColor="{StaticResource BackgroundPrimary}">
|
||||
|
||||
<Grid
|
||||
RowDefinitions="90*, 10*"
|
||||
Padding="10"
|
||||
>
|
||||
|
||||
<!--Main content-->
|
||||
<ScrollView>
|
||||
<Grid
|
||||
RowDefinitions="*, Auto, 10*">
|
||||
<FlexLayout
|
||||
Grid.Row="0"
|
||||
Direction="Row"
|
||||
JustifyContent="SpaceBetween"
|
||||
AlignContent="Center"
|
||||
AlignItems="Center"
|
||||
>
|
||||
<ImageButton
|
||||
Source="arrow_back.svg"/>
|
||||
<Label
|
||||
Style="{StaticResource h1}"
|
||||
Text="Recipe name"/>
|
||||
|
||||
<ImageButton
|
||||
Source="earth_off.svg"
|
||||
Margin="0, 0, 5, 0"
|
||||
/>
|
||||
</FlexLayout>
|
||||
|
||||
<!--Recipe image-->
|
||||
|
||||
<Border
|
||||
Grid.Row="1"
|
||||
Margin="10"
|
||||
Stroke="Transparent"
|
||||
StrokeShape="RoundRectangle 20"
|
||||
BackgroundColor="AliceBlue">
|
||||
<Image
|
||||
HeightRequest="250"/>
|
||||
</Border>
|
||||
|
||||
<!--Steps-->
|
||||
|
||||
<VerticalStackLayout
|
||||
Grid.Row="2"
|
||||
Padding="30, 0, 30, 0">
|
||||
<Label
|
||||
Style="{StaticResource h2}"
|
||||
Text="Ingredients"/>
|
||||
<VerticalStackLayout>
|
||||
<Label
|
||||
Style="{StaticResource Small}"
|
||||
Text="• Ingredient 1 45 kg"/>
|
||||
|
||||
<Label
|
||||
Style="{StaticResource Small}"
|
||||
Text="• Ingredient 1 32 g"/>
|
||||
|
||||
<Label
|
||||
Style="{StaticResource Small}"
|
||||
Text="• Ingredient 1 101 kt"/>
|
||||
</VerticalStackLayout>
|
||||
|
||||
<VerticalStackLayout>
|
||||
<Label
|
||||
Style="{StaticResource Small}"
|
||||
Text="Cooking time: %Cook_Time%"/>
|
||||
|
||||
<Label
|
||||
Style="{StaticResource Small}"
|
||||
Text="Energy input: %Nb_Cal%/pers"/>
|
||||
</VerticalStackLayout>
|
||||
|
||||
<Label
|
||||
Style="{StaticResource h2}"
|
||||
Text="Preparation steps"/>
|
||||
|
||||
<VerticalStackLayout>
|
||||
<Label
|
||||
Style="{StaticResource Small}"
|
||||
Text="Step 1 : Frist step"/>
|
||||
|
||||
<Label
|
||||
Style="{StaticResource Small}"
|
||||
Text="Step 2 : Second step"/>
|
||||
|
||||
<Label
|
||||
Style="{StaticResource Small}"
|
||||
Text="Step 3 : Third step"/>
|
||||
</VerticalStackLayout>
|
||||
</VerticalStackLayout>
|
||||
</Grid>
|
||||
</ScrollView>
|
||||
|
||||
<!--Footer-->
|
||||
|
||||
<FlexLayout
|
||||
Grid.Row="1"
|
||||
Direction="Row"
|
||||
JustifyContent="SpaceBetween"
|
||||
AlignItems="Center"
|
||||
>
|
||||
<Grid
|
||||
ColumnDefinitions="*, Auto, *">
|
||||
|
||||
<Border
|
||||
Grid.Column="0"
|
||||
Stroke="Transparent"
|
||||
StrokeShape="RoundRectangle 100"
|
||||
BackgroundColor="{StaticResource Selected}">
|
||||
<Image
|
||||
Source="minus.svg"
|
||||
WidthRequest="40"
|
||||
HeightRequest="40"/>
|
||||
</Border>
|
||||
|
||||
<Label
|
||||
Grid.Column="1"
|
||||
Text="%N% pers"
|
||||
Margin="10, 0, 10, 0"
|
||||
TextColor="{StaticResource TextColorPrimary}"
|
||||
VerticalTextAlignment="Center"
|
||||
FontFamily="PoppinsMedium"/>
|
||||
|
||||
<Border
|
||||
Grid.Column="2"
|
||||
Stroke="Transparent"
|
||||
StrokeShape="RoundRectangle 100"
|
||||
BackgroundColor="{StaticResource Selected}">
|
||||
<Image
|
||||
Source="add.svg"
|
||||
WidthRequest="40"
|
||||
HeightRequest="40"/>
|
||||
</Border>
|
||||
</Grid>
|
||||
|
||||
<Button
|
||||
Grid.Column="1"
|
||||
Text="Most Recent"
|
||||
Style="{StaticResource UserButton}"
|
||||
TextColor="White"
|
||||
BackgroundColor="Gray">
|
||||
</Button>
|
||||
</FlexLayout>
|
||||
</Grid>
|
||||
</ContentPage>
|
||||
@ -0,0 +1,9 @@
|
||||
namespace ShoopNCook.Views;
|
||||
|
||||
public partial class RecipePage : ContentPage
|
||||
{
|
||||
public RecipePage()
|
||||
{
|
||||
InitializeComponent();
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue