You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
238 lines
9.6 KiB
238 lines
9.6 KiB
<<<<<<< HEAD
|
|
<?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.HomePage"
|
|
Title="HomePage">
|
|
|
|
<ScrollView>
|
|
<StackLayout>
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="Auto" />
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="Auto" />
|
|
</Grid.ColumnDefinitions>
|
|
<Frame BackgroundColor="Pink"
|
|
CornerRadius="5"
|
|
HeightRequest="40"
|
|
WidthRequest="40"
|
|
Grid.Column="0"
|
|
Margin="10">
|
|
<Image Source="../Ressources/AppIcon/sort.svg"
|
|
HeightRequest="20"
|
|
WidthRequest="20"
|
|
Aspect="AspectFit"
|
|
VerticalOptions="Center"
|
|
HorizontalOptions="Center"/>
|
|
</Frame>
|
|
<Image Source="../Ressources/AppIcon/account.svg"
|
|
HeightRequest="40"
|
|
WidthRequest="40"
|
|
Grid.Column="2"
|
|
Margin="10"/>
|
|
<SearchBar Placeholder="Search here ..."
|
|
PlaceholderColor="Gray"
|
|
HeightRequest="40"
|
|
BackgroundColor="White"
|
|
TextColor="Black"
|
|
FontSize="14"
|
|
Grid.Column="1"
|
|
Margin="10,0,10,0"
|
|
VerticalOptions="Center"/>
|
|
<Frame BackgroundColor="Pink"
|
|
CornerRadius="5"
|
|
HeightRequest="40"
|
|
WidthRequest="40"
|
|
Grid.Column="1"
|
|
Margin="0,0,10,0"
|
|
HorizontalOptions="End">
|
|
<Image Source="../Ressources/AppIcon/syncalt.svg"
|
|
HeightRequest="20"
|
|
WidthRequest="20"
|
|
Aspect="AspectFit"
|
|
VerticalOptions="Center"
|
|
HorizontalOptions="Center"/>
|
|
</Frame>
|
|
</Grid>
|
|
<StackLayout Orientation="Horizontal"
|
|
Margin="10,20,10,10">
|
|
<Label Text="Popular recipe"
|
|
FontSize="18"
|
|
FontAttributes="Bold"
|
|
HorizontalOptions="StartAndExpand"/>
|
|
<Button Text="Show All"
|
|
BackgroundColor="Transparent"
|
|
TextColor="Pink"
|
|
FontSize="14"
|
|
FontAttributes="Bold"
|
|
HorizontalOptions="End"/>
|
|
</StackLayout>
|
|
<ScrollView Margin="10,0,10,10">
|
|
<StackLayout>
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="*" />
|
|
</Grid.RowDefinitions>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="*" />
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<!-- Mettez ici le même composant recette que vous avez déjà créé -->
|
|
<BoxView BackgroundColor="LightBlue"
|
|
HeightRequest="120"
|
|
WidthRequest="150"
|
|
Margin="0,0,10,10"
|
|
Grid.Row="0"
|
|
Grid.Column="0"/>
|
|
|
|
<BoxView BackgroundColor="LightBlue"
|
|
HeightRequest="120"
|
|
WidthRequest="150"
|
|
Margin="0,0,0,10"
|
|
Grid.Row="0"
|
|
Grid.Column="1"/>
|
|
|
|
<BoxView BackgroundColor="LightBlue"
|
|
HeightRequest="120"
|
|
WidthRequest="150"
|
|
Margin="0,0,10,10"
|
|
Grid.Row="1"
|
|
Grid.Column="0"/>
|
|
|
|
<BoxView BackgroundColor="LightBlue"
|
|
HeightRequest="120"
|
|
WidthRequest="150"
|
|
Margin="0,0,0,10"
|
|
Grid.Row="1"
|
|
Grid.Column="1"/>
|
|
|
|
<BoxView BackgroundColor="LightBlue"
|
|
HeightRequest="120"
|
|
WidthRequest="150"
|
|
Margin="0,0,10,10"
|
|
Grid.Row="2"
|
|
Grid.Column="0"/>
|
|
|
|
<BoxView BackgroundColor="LightBlue"
|
|
HeightRequest="120"
|
|
WidthRequest="150"
|
|
Margin="0,0,0,10"
|
|
Grid.Row="2"
|
|
Grid.Column="1"/>
|
|
</Grid>
|
|
</StackLayout>
|
|
</ScrollView>
|
|
<StackLayout Orientation="Horizontal"
|
|
Margin="10,20,10,10">
|
|
<Label Text="Recommended for you"
|
|
FontSize="18"
|
|
FontAttributes="Bold"
|
|
HorizontalOptions="StartAndExpand"/>
|
|
<Button Text="Show All"
|
|
BackgroundColor="Transparent"
|
|
TextColor="Pink"
|
|
FontSize="14"
|
|
FontAttributes="Bold"
|
|
HorizontalOptions="End"/>
|
|
</StackLayout>
|
|
<Label Text="Recommended for you"
|
|
Margin="10,20,0,0"
|
|
FontSize="Title"
|
|
FontAttributes="Bold"/>
|
|
|
|
<Button Text="Show all"
|
|
Margin="0,20,10,0"
|
|
FontAttributes="Bold"
|
|
FontSize="Medium"
|
|
TextColor="Gray"
|
|
BackgroundColor="White"
|
|
HorizontalOptions="End"/>
|
|
|
|
<ScrollView Margin="10,0,10,10">
|
|
<StackLayout>
|
|
<Grid ColumnSpacing="10"
|
|
RowSpacing="10"
|
|
HorizontalOptions="FillAndExpand"
|
|
VerticalOptions="FillAndExpand"
|
|
Margin="0,0,0,10"
|
|
RowDefinitions="2"
|
|
ColumnDefinitions="2">
|
|
|
|
<!-- Mettez ici le même composant recette que vous avez déjà créé -->
|
|
<BoxView BackgroundColor="LightBlue"
|
|
HeightRequest="120"
|
|
WidthRequest="150"/>
|
|
|
|
<BoxView BackgroundColor="LightBlue"
|
|
HeightRequest="120"
|
|
WidthRequest="150"/>
|
|
|
|
<BoxView BackgroundColor="LightBlue"
|
|
HeightRequest="120"
|
|
WidthRequest="150"/>
|
|
|
|
<BoxView BackgroundColor="LightBlue"
|
|
HeightRequest="120"
|
|
WidthRequest="150"/>
|
|
</Grid>
|
|
</StackLayout>
|
|
</ScrollView>
|
|
</ContentPage>
|
|
=======
|
|
<?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.HomePage"
|
|
Title="HomePage">
|
|
|
|
<ScrollView>
|
|
<Grid x:Name="RecipesGrid"
|
|
RowSpacing="10"
|
|
ColumnSpacing="10"
|
|
Padding="10">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
</Grid.RowDefinitions>
|
|
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="*" />
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<!-- Recette 1 -->
|
|
<Frame Grid.Row="0" Grid.Column="0" Padding="0" Margin="5" CornerRadius="10" BackgroundColor="Aqua">
|
|
<Grid Padding="10">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
</Grid.RowDefinitions>
|
|
|
|
<Image Grid.Row="0" Source="facebook_logo.png" Aspect="AspectFill" Margin="0,0,0,10" />
|
|
<Label Grid.Row="1" Text="Titre Recette 1" FontAttributes="Bold" FontSize="Large" />
|
|
<Label Grid.Row="2" Text="Temps de préparation : 30 min" FontSize="Small" />
|
|
</Grid>
|
|
</Frame>
|
|
|
|
<!-- Recette 2 -->
|
|
<Frame Grid.Row="0" Grid.Column="1" Padding="0" Margin="5" CornerRadius="10" BackgroundColor="Aqua">
|
|
<Grid Padding="10">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
</Grid.RowDefinitions>
|
|
|
|
<Image Grid.Row="0" Source="facebook_logo.png" Aspect="AspectFill" Margin="0,0,0,10" />
|
|
<Label Grid.Row="1" Text="Titre Recette 2" FontAttributes="Bold" FontSize="Large" />
|
|
<Label Grid.Row="2" Text="Temps de préparation : 45 min" FontSize="Small" />
|
|
</Grid>
|
|
</Frame>
|
|
</Grid>
|
|
</ScrollView>
|
|
</ContentPage>
|
|
>>>>>>> 461f50d02d99cd21e927ebe44faaef5129b9caa3
|