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