alexandre.agostinho
/
SAE-2.01
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

add toolkit community + base of the home view

Browse Source
pull/19/head
Alexandre Agostinho 2 years ago
parent 59a8bdebc7
commit d9bf7bf5f3
5 changed files with 83 additions and 101 deletions
Show Stats Download Patch File Download Diff File

159
MCTG/Views/Home.xaml
Unescape View File

@ -1,115 +1,74 @@
<?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"
xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
x:Class="Vue.Home">
<FlexLayout
Direction="Row"
AlignItems="Stretch"
BackgroundColor="Red"
FlowDirection="LeftToRight"
Wrap="NoWrap">
<toolkit:DockLayout
HorizontalSpacing="20">
<BoxView
Color="{StaticResource Tertiary}"
WidthRequest="300"/>
<!-- Aux menu -->
<StackLayout toolkit:DockLayout.DockPosition="Left"
WidthRequest="250"
BackgroundColor="{StaticResource Tertiary}">
<ImageButton Source="person_default.png"
BackgroundColor="{StaticResource Secondary}"
WidthRequest="100" HeightRequest="100"
CornerRadius="50" Margin="0, 40, 0, 0"
HorizontalOptions="Fill"
VerticalOptions="Fill"
IsEnabled="False"/>
<Button Text="se connecter" TextColor="{StaticResource Black}"
BackgroundColor="{StaticResource Primary}"
CornerRadius="5"
Margin="15, 40"/>
<Button Text="Recherche" Style="{StaticResource button1}"/>
<Entry Text="Mot-clés" FontAttributes="Italic"
Margin="10, 0, 10, 30"/>
<Button Text="Entrées" Style="{StaticResource button1}"/>
<Button Text="Plats" Style="{StaticResource button1}"/>
<Button Text="Desserts" Style="{StaticResource button1}"/>
</StackLayout>
<!-- Master recipes -->
<ScrollView>
<StackLayout>
<Label Text="Suggestions" TextColor="{StaticResource Secondary}"
FontSize="32" FontAttributes="Bold" Padding="15"/>
<FlexLayout
Direction="Row"
JustifyContent="SpaceEvenly"
AlignItems="Center"
BackgroundColor="White"
Wrap="Wrap">
<BoxView
Color="{StaticResource Secondary}"
WidthRequest="300"
HeightRequest="200"
CornerRadius="10"
Margin="20"/>
<BoxView
Color="{StaticResource Secondary}"
WidthRequest="300"
HeightRequest="200"
CornerRadius="10"
Margin="20"/>
<BoxView
Color="{StaticResource Secondary}"
WidthRequest="300"
HeightRequest="200"
CornerRadius="10"
Margin="20"/>
<BoxView
Color="{StaticResource Secondary}"
WidthRequest="300"
HeightRequest="200"
CornerRadius="10"
Margin="20"/>
<BoxView
Color="{StaticResource Secondary}"
WidthRequest="300"
HeightRequest="200"
CornerRadius="10"
Margin="20"/>
<BoxView
Color="{StaticResource Secondary}"
WidthRequest="300"
HeightRequest="200"
CornerRadius="10"
Margin="20"/>
<BoxView
Color="{StaticResource Secondary}"
WidthRequest="300"
HeightRequest="200"
CornerRadius="10"
Margin="20"/>
<BoxView
Color="{StaticResource Secondary}"
WidthRequest="300"
HeightRequest="200"
CornerRadius="10"
Margin="20"/>
<BoxView
Color="{StaticResource Secondary}"
WidthRequest="300"
HeightRequest="200"
CornerRadius="10"
Margin="20"/>
<BoxView
Color="{StaticResource Secondary}"
WidthRequest="300"
HeightRequest="200"
CornerRadius="10"
Margin="20"/>
<BoxView
Color="{StaticResource Secondary}"
WidthRequest="300"
HeightRequest="200"
CornerRadius="10"
Margin="20"/>
<BoxView
Color="{StaticResource Secondary}"
WidthRequest="300"
HeightRequest="200"
CornerRadius="10"
Margin="20"/>
<BoxView
Color="{StaticResource Secondary}"
WidthRequest="300"
HeightRequest="200"
CornerRadius="10"
Margin="20"/>
</FlexLayout>
</ScrollView>
<FlexLayout toolkit:DockLayout.DockPosition="None"
Margin="0, 15, 15, 0"
Wrap="Wrap"
JustifyContent="SpaceEvenly"
AlignItems="Center"
AlignContent="SpaceEvenly">
</FlexLayout>
<BoxView Style="{StaticResource boxView1}"/>
<BoxView Style="{StaticResource boxView1}"/>
<BoxView Style="{StaticResource boxView1}"/>
<BoxView Style="{StaticResource boxView1}"/>
<BoxView Style="{StaticResource boxView1}"/>
<BoxView Style="{StaticResource boxView1}"/>
<BoxView Style="{StaticResource boxView1}"/>
<BoxView Style="{StaticResource boxView1}"/>
<BoxView Style="{StaticResource boxView1}"/>
<BoxView Style="{StaticResource boxView1}"/>
<BoxView Style="{StaticResource boxView1}"/>
<BoxView Style="{StaticResource boxView1}"/>
<BoxView Style="{StaticResource boxView1}"/>
</FlexLayout>
</StackLayout>
</ScrollView>
</toolkit:DockLayout>
</ContentPage>

4
MCTG/Views/MauiProgram.cs
Unescape View File

@ -1,4 +1,5 @@
using Microsoft.Extensions.Logging;
using CommunityToolkit.Maui;
using Microsoft.Extensions.Logging;
namespace Vue
{
@ -9,6 +10,7 @@ namespace Vue
var builder = MauiApp.CreateBuilder();
builder
.UseMauiApp<App>()
.UseMauiCommunityToolkit()
.ConfigureFonts(fonts =>
{
fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");

1
MCTG/Views/Resources/Images/person_default.svg
Unescape View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48"><path d="M480 575q-66 0-108-42t-42-108q0-66 42-108t108-42q66 0 108 42t42 108q0 66-42 108t-108 42ZM160 896v-94q0-38 19-65t49-41q67-30 128.5-45T480 636q62 0 123 15.5t127.921 44.694q31.301 14.126 50.19 40.966Q800 764 800 802v94H160Zm60-60h520v-34q0-16-9.5-30.5T707 750q-64-31-117-42.5T480 696q-57 0-111 11.5T252 750q-14 7-23 21.5t-9 30.5v34Zm260-321q39 0 64.5-25.5T570 425q0-39-25.5-64.5T480 335q-39 0-64.5 25.5T390 425q0 39 25.5 64.5T480 515Zm0-90Zm0 411Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 548 B

19
MCTG/Views/Resources/Styles/Styles.xaml
Unescape View File

@ -3,6 +3,25 @@
<ResourceDictionary
xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
<!-- Personal styles -->
<Style x:Key="boxView1" TargetType="BoxView">
<Setter Property="Color" Value="{StaticResource Secondary}"/>
<Setter Property="WidthRequest" Value="300"/>
<Setter Property="HeightRequest" Value="200"/>
<Setter Property="CornerRadius" Value="10"/>
<Setter Property="Margin" Value="10"/>
</Style>
<Style x:Key="button1" TargetType="Button">
<Setter Property="TextColor" Value="{StaticResource Black}"/>
<Setter Property="BackgroundColor" Value="{StaticResource Secondary}"/>
<Setter Property="CornerRadius" Value="5"/>
<Setter Property="Margin" Value="10, 15"/>
</Style>
<!-- Built-in styles -->
<Style TargetType="ActivityIndicator">
<Setter Property="Color" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />

1
MCTG/Views/Views.csproj
Unescape View File

@ -49,6 +49,7 @@
</ItemGroup>
<ItemGroup>
<PackageReference Include="CommunityToolkit.Maui" Version="5.0.0" />
<PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="7.0.0" />
</ItemGroup>

Write Preview
Loading…
Cancel
Save