corentin.lemaire
/
Linaris_MAUI_SAE_201
2
1
Fork 0
Code Issues 1 Pull Requests Packages Projects 2 Releases 1 Wiki Activity

Add Playlists Page XAML

Browse Source
pull/12/head
Corentin LEMAIRE 2 years ago
parent 7ac4318b51
commit 70d58f5739
13 changed files with 124 additions and 125 deletions
Show Stats Download Patch File Download Diff File

2
Sources/Linaris/AppShell.xaml
Unescape View File

@ -8,7 +8,7 @@
<ShellContent
Title="Linaris"
ContentTemplate="{DataTemplate local:PlaylistPage}"
ContentTemplate="{DataTemplate local:PlaylistsPage}"
Route="PlaylistPage"
Shell.NavBarIsVisible="False"/>

3
Sources/Linaris/Linaris.csproj
Unescape View File

@ -66,6 +66,9 @@
<MauiXaml Update="PlaylistPage.xaml">
<Generator>MSBuild:Compile</Generator>
</MauiXaml>
<MauiXaml Update="PlaylistsPage.xaml">
<Generator>MSBuild:Compile</Generator>
</MauiXaml>
</ItemGroup>
</Project>

157
Sources/Linaris/MainPage.xaml
Unescape View File

@ -9,174 +9,85 @@
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="6*"/>
</Grid.ColumnDefinitions>
<ContentView Style="{StaticResource FlyoutStyle}" Grid.Column="0"></ContentView>
<ScrollView Grid.Column="1"
BackgroundColor="#404040">
<ScrollView Grid.Column="1" BackgroundColor="#404040">
<VerticalStackLayout>
<SearchBar Style="{StaticResource SearchBar}"/>
<FlexLayout Direction="Row"
AlignItems="Start"
JustifyContent="SpaceAround"
Wrap="Wrap">
<FlexLayout Direction="Row" AlignItems="Start" JustifyContent="SpaceAround" Wrap="Wrap">
<VerticalStackLayout Margin="10">
<Image
Source="album1.jpg"
SemanticProperties.Description="Album 1"
HeightRequest="175"
HorizontalOptions="Center"/>
<Label Text="Adios Bahamas"
FontSize="30"
TextColor="White"
HorizontalOptions="Center">
</Label>
<Image Source="album1.jpg" SemanticProperties.Description="Album 1" Style="{StaticResource Pochette}"/>
<Label Text="Adios Bahamas" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
<VerticalStackLayout Margin="10">
<Image
Source="album2.jpg"
SemanticProperties.Description="Album 2"
HeightRequest="175"
HorizontalOptions="Center"/>
<Label Text="Album" Style="{StaticResource Titre}">
</Label>
<Image Source="album2.jpg" SemanticProperties.Description="Album 2" Style="{StaticResource Pochette}"/>
<Label Text="Album" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
<VerticalStackLayout Margin="10">
<Image
Source="album3.jpg"
SemanticProperties.Description="Album 3"
HeightRequest="175"
HorizontalOptions="Center"/>
<Label Text="Album" Style="{StaticResource Titre}">
</Label>
<Image Source="album3.jpg" SemanticProperties.Description="Album 3" Style="{StaticResource Pochette}"/>
<Label Text="Album" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
<VerticalStackLayout Margin="10">
<Image
Source="album4.jpg"
SemanticProperties.Description="Album 4"
HeightRequest="175"
HorizontalOptions="Center"/>
<Label Text="Album" Style="{StaticResource Titre}">
</Label>
<Image Source="album4.jpg" SemanticProperties.Description="Album 4" Style="{StaticResource Pochette}"/>
<Label Text="Album" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
<VerticalStackLayout Margin="10">
<Image
Source="album5.jpg"
SemanticProperties.Description="Album 5"
HeightRequest="175"
HorizontalOptions="Center"/>
<Label Text="Album" Style="{StaticResource Titre}">
</Label>
<Image Source="album5.jpg" SemanticProperties.Description="Album 5" Style="{StaticResource Pochette}"/>
<Label Text="Album" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
<VerticalStackLayout Margin="10">
<Image
Source="album6.jpg"
SemanticProperties.Description="Album 6"
HeightRequest="175"
HorizontalOptions="Center"/>
<Label Text="Album" Style="{StaticResource Titre}">
</Label>
<Image Source="album6.jpg" SemanticProperties.Description="Album 6" Style="{StaticResource Pochette}"/>
<Label Text="Album" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
<VerticalStackLayout Margin="10">
<Image
Source="album7.png"
SemanticProperties.Description="Album 7"
HeightRequest="175"
HorizontalOptions="Center"/>
<Label Text="Album" Style="{StaticResource Titre}">
</Label>
<Image Source="album7.png" SemanticProperties.Description="Album 7" Style="{StaticResource Pochette}"/>
<Label Text="Album" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
<VerticalStackLayout Margin="10">
<Image
Source="album8.jpg"
SemanticProperties.Description="Album 8"
HeightRequest="175"
HorizontalOptions="Center"/>
<Label Text="Album" Style="{StaticResource Titre}">
</Label>
<Image Source="album8.jpg" SemanticProperties.Description="Album 8" Style="{StaticResource Pochette}"/>
<Label Text="Album" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
<VerticalStackLayout Margin="10">
<Image
Source="album9.jpg"
SemanticProperties.Description="Album 9"
HeightRequest="175"
HorizontalOptions="Center"/>
<Label Text="Night Visions" Style="{StaticResource Titre}">
</Label>
<Image Source="album9.jpg" SemanticProperties.Description="Album 9" Style="{StaticResource Pochette}"/>
<Label Text="Night Visions" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
<VerticalStackLayout Margin="10">
<Image
Source="album10.jpg"
SemanticProperties.Description="Album 10"
HeightRequest="175"
HorizontalOptions="Center"/>
<Label Text="Smoke &amp; Mirrors" Style="{StaticResource Titre}">
</Label>
<Image Source="album10.jpg" SemanticProperties.Description="Album 10" Style="{StaticResource Pochette}"/>
<Label Text="Smoke &amp; Mirrors" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
<VerticalStackLayout Margin="10">
<Image
Source="album11.jpg"
SemanticProperties.Description="Album 11"
HeightRequest="175"
HorizontalOptions="Center"/>
<Label Text="Evolve" Style="{StaticResource Titre}">
</Label>
<Image Source="album11.jpg" SemanticProperties.Description="Album 11" Style="{StaticResource Pochette}"/>
<Label Text="Evolve" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
<VerticalStackLayout Margin="10">
<Image
Source="album12.jpg"
SemanticProperties.Description="Album 12"
HeightRequest="175"
HorizontalOptions="Center"/>
<Label Text="Origins" Style="{StaticResource Titre}">
</Label>
<Image Source="album12.jpg" SemanticProperties.Description="Album 12" Style="{StaticResource Pochette}"/>
<Label Text="Origins" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
<VerticalStackLayout Margin="10">
<Image
Source="album13.jpg"
SemanticProperties.Description="Album 13"
HeightRequest="175"
HorizontalOptions="Center"/>
<Label Text="Mercury Act 1" Style="{StaticResource Titre}">
</Label>
<Image Source="album13.jpg" SemanticProperties.Description="Album 13" Style="{StaticResource Pochette}"/>
<Label Text="Mercury Act 1" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
<VerticalStackLayout Margin="10">
<Image
Source="album14.jpg"
SemanticProperties.Description="Album 14"
HeightRequest="175"
HorizontalOptions="Center"/>
<Label Text="Mercury Act 2" Style="{StaticResource Titre}">
</Label>
<Image Source="album14.jpg" SemanticProperties.Description="Album 14" Style="{StaticResource Pochette}"/>
<Label Text="Mercury Act 2" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
</FlexLayout>

71
Sources/Linaris/PlaylistsPage.xaml
Unescape View File

@ -0,0 +1,71 @@
<?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="Linaris.PlaylistsPage"
Title="PlaylistsPage">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="6*"/>
</Grid.ColumnDefinitions>
<ContentView Style="{StaticResource FlyoutStyle}" Grid.Column="0"></ContentView>
<ScrollView Grid.Column="1" BackgroundColor="#404040">
<VerticalStackLayout>
<SearchBar Style="{StaticResource SearchBar}"/>
<FlexLayout Direction="Row" AlignItems="Start" JustifyContent="SpaceAround" Wrap="Wrap">
<VerticalStackLayout Margin="10">
<Image Source="playlist.jpg" SemanticProperties.Description="Playlist 1980's" Style="{StaticResource Pochette}"/>
<Label Text="1980's" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
<VerticalStackLayout Margin="10">
<Image Source="playlist1.png" SemanticProperties.Description="Playlist 1990's" Style="{StaticResource Pochette}"/>
<Label Text="1990's" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
<VerticalStackLayout Margin="10">
<Image Source="playlist2.jpg" SemanticProperties.Description="Playlist 2000's" Style="{StaticResource Pochette}"/>
<Label Text="2000's" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
<VerticalStackLayout Margin="10">
<Image Source="playlist3.jpg" SemanticProperties.Description="Playlist 2010's" Style="{StaticResource Pochette}"/>
<Label Text="2010's" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
<VerticalStackLayout Margin="10">
<Image Source="playlist4.png" SemanticProperties.Description="Playlist 2020" Style="{StaticResource Pochette}"/>
<Label Text="2020" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
<VerticalStackLayout Margin="10">
<Image Source="playlist5.jpg" SemanticProperties.Description="Playlist 2021" Style="{StaticResource Pochette}"/>
<Label Text="2021" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
<VerticalStackLayout Margin="10">
<Image Source="playlist6.png" SemanticProperties.Description="Playlist 2022" Style="{StaticResource Pochette}"/>
<Label Text="2022" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
<VerticalStackLayout Margin="10">
<Image Source="playlist7.png" SemanticProperties.Description="Playlist 2023" Style="{StaticResource Pochette}"/>
<Label Text="2023" Style="{StaticResource Titre}"></Label>
</VerticalStackLayout>
</FlexLayout>
</VerticalStackLayout>
</ScrollView>
</Grid>
</ContentPage>

9
Sources/Linaris/PlaylistsPage.xaml.cs
Unescape View File

@ -0,0 +1,9 @@
namespace Linaris;
public partial class PlaylistsPage : ContentPage
{
public PlaylistsPage()
{
InitializeComponent();
}
}

BIN
Sources/Linaris/Resources/Images/playlist1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
Sources/Linaris/Resources/Images/playlist2.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
Sources/Linaris/Resources/Images/playlist3.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

BIN
Sources/Linaris/Resources/Images/playlist4.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
Sources/Linaris/Resources/Images/playlist5.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.2 KiB

BIN
Sources/Linaris/Resources/Images/playlist6.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

BIN
Sources/Linaris/Resources/Images/playlist7.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

7
Sources/Linaris/Resources/Styles/Styles.xaml
Unescape View File

@ -6,7 +6,7 @@
xmlns:avatarview="clr-namespace:Syncfusion.Maui.Core;assembly=Syncfusion.Maui.Core">
<ControlTemplate x:Key="flyout">
<VerticalStackLayout BackgroundColor="black" Spacing="20">
<VerticalStackLayout BackgroundColor="black" Spacing="20" Margin="0,20,0,0">
<Button Text="Home"
x:Name="bouton"
FontSize="30"
@ -95,6 +95,11 @@
<Setter Property="Stroke" Value="Transparent"></Setter>
<Setter Property="Margin" Value="10"></Setter>
</Style>
<Style x:Key="Pochette" TargetType="Image">
<Setter Property="HeightRequest" Value="175"></Setter>
<Setter Property="HorizontalOptions" Value="Center"></Setter>
</Style>
<Style TargetType="ActivityIndicator">
<Setter Property="Color" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />

Write Preview
Loading…
Cancel
Save