|
|
|
@ -7,38 +7,24 @@
|
|
|
|
|
xmlns:local="clr-namespace:Linaris"
|
|
|
|
|
xmlns:test="local:LocalFilesPage">
|
|
|
|
|
|
|
|
|
|
<Style x:Key="buttons" TargetType="Button">
|
|
|
|
|
<Setter Property="CornerRadius" Value="10"/>
|
|
|
|
|
<Setter Property="WidthRequest" Value="135"/>
|
|
|
|
|
<Setter Property="HeightRequest" Value="50"/>
|
|
|
|
|
<Setter Property="VerticalOptions" Value="Start"/>
|
|
|
|
|
<Setter Property="HorizontalOptions" Value="Center"/>
|
|
|
|
|
<Setter Property="BackgroundColor" Value="CornflowerBlue"/>
|
|
|
|
|
<Setter Property="TextColor" Value="White"/>
|
|
|
|
|
<Setter Property="FontSize" Value="30"/>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<ControlTemplate x:Key="flyout">
|
|
|
|
|
<VerticalStackLayout BackgroundColor="black" Spacing="20" Margin="0,20,0,0">
|
|
|
|
|
<Button Text="Home"
|
|
|
|
|
x:Name="bouton"
|
|
|
|
|
FontSize="30"
|
|
|
|
|
TextColor="White"
|
|
|
|
|
BackgroundColor="CornflowerBlue"
|
|
|
|
|
HorizontalOptions="Center"
|
|
|
|
|
VerticalOptions="Start">
|
|
|
|
|
<!--Clicked="Button_Clicked"-->
|
|
|
|
|
</Button>
|
|
|
|
|
<Button Text="Playlist"
|
|
|
|
|
FontSize="30"
|
|
|
|
|
TextColor="White"
|
|
|
|
|
BackgroundColor="CornflowerBlue"
|
|
|
|
|
HorizontalOptions="Center"
|
|
|
|
|
VerticalOptions="Start">
|
|
|
|
|
</Button>
|
|
|
|
|
<Button Text="Search"
|
|
|
|
|
FontSize="30"
|
|
|
|
|
TextColor="White"
|
|
|
|
|
BackgroundColor="CornflowerBlue"
|
|
|
|
|
HorizontalOptions="Center"
|
|
|
|
|
VerticalOptions="Start">
|
|
|
|
|
</Button>
|
|
|
|
|
<Button Text="Favorites"
|
|
|
|
|
FontSize="30"
|
|
|
|
|
TextColor="White"
|
|
|
|
|
BackgroundColor="CornflowerBlue"
|
|
|
|
|
HorizontalOptions="Center"
|
|
|
|
|
VerticalOptions="Start">
|
|
|
|
|
</Button>
|
|
|
|
|
|
|
|
|
|
<Button Text="Home" Style="{StaticResource buttons}"/>
|
|
|
|
|
<Button Text="Playlists" Style="{StaticResource buttons}"/>
|
|
|
|
|
<Button Text="Files" Style="{StaticResource buttons}"/>
|
|
|
|
|
|
|
|
|
|
</VerticalStackLayout>
|
|
|
|
|
</ControlTemplate>
|
|
|
|
|
|
|
|
|
@ -102,7 +88,279 @@
|
|
|
|
|
<Setter Property="HeightRequest" Value="175"></Setter>
|
|
|
|
|
<Setter Property="HorizontalOptions" Value="Center"></Setter>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Style x:Key="PageFlyoutTrigger" TargetType="Page">
|
|
|
|
|
<Setter Property="VisualStateManager.VisualStateGroups">
|
|
|
|
|
<VisualStateGroupList>
|
|
|
|
|
<VisualStateGroup>
|
|
|
|
|
|
|
|
|
|
<VisualState x:Name="Narrow">
|
|
|
|
|
<VisualState.StateTriggers>
|
|
|
|
|
<AdaptiveTrigger MinWindowWidth="0"/>
|
|
|
|
|
</VisualState.StateTriggers>
|
|
|
|
|
<VisualState.Setters>
|
|
|
|
|
<Setter Property="Shell.FlyoutBehavior" Value="Flyout"/>
|
|
|
|
|
</VisualState.Setters>
|
|
|
|
|
</VisualState>
|
|
|
|
|
|
|
|
|
|
<VisualState x:Name="Wide">
|
|
|
|
|
<VisualState.StateTriggers>
|
|
|
|
|
<AdaptiveTrigger MinWindowWidth="1200"/>
|
|
|
|
|
</VisualState.StateTriggers>
|
|
|
|
|
<VisualState.Setters>
|
|
|
|
|
<Setter Property="Shell.FlyoutBehavior" Value="Disabled"/>
|
|
|
|
|
</VisualState.Setters>
|
|
|
|
|
</VisualState>
|
|
|
|
|
|
|
|
|
|
</VisualStateGroup>
|
|
|
|
|
</VisualStateGroupList>
|
|
|
|
|
</Setter>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<Style x:Key="GridFlyoutTrigger" TargetType="Grid">
|
|
|
|
|
<Setter Property="VisualStateManager.VisualStateGroups">
|
|
|
|
|
<VisualStateGroupList>
|
|
|
|
|
<VisualStateGroup>
|
|
|
|
|
|
|
|
|
|
<VisualState x:Name="Narrow">
|
|
|
|
|
<VisualState.StateTriggers>
|
|
|
|
|
<AdaptiveTrigger MinWindowWidth="0" />
|
|
|
|
|
</VisualState.StateTriggers>
|
|
|
|
|
<VisualState.Setters>
|
|
|
|
|
<Setter Property="ColumnDefinitions">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<ColumnDefinitionCollection>
|
|
|
|
|
<ColumnDefinition Width="0" />
|
|
|
|
|
<ColumnDefinition Width="6*" />
|
|
|
|
|
</ColumnDefinitionCollection>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
</VisualState.Setters>
|
|
|
|
|
</VisualState>
|
|
|
|
|
|
|
|
|
|
<VisualState x:Name="Wide">
|
|
|
|
|
<VisualState.StateTriggers>
|
|
|
|
|
<AdaptiveTrigger MinWindowWidth="1200" />
|
|
|
|
|
</VisualState.StateTriggers>
|
|
|
|
|
<VisualState.Setters>
|
|
|
|
|
<Setter Property="ColumnDefinitions">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<ColumnDefinitionCollection>
|
|
|
|
|
<ColumnDefinition Width="*" />
|
|
|
|
|
<ColumnDefinition Width="6*" />
|
|
|
|
|
</ColumnDefinitionCollection>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
</VisualState.Setters>
|
|
|
|
|
</VisualState>
|
|
|
|
|
|
|
|
|
|
</VisualStateGroup>
|
|
|
|
|
</VisualStateGroupList>
|
|
|
|
|
</Setter>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<Style x:Key="FooterTrigger" TargetType="Grid">
|
|
|
|
|
<Setter Property="VisualStateManager.VisualStateGroups">
|
|
|
|
|
<VisualStateGroupList>
|
|
|
|
|
<VisualStateGroup>
|
|
|
|
|
|
|
|
|
|
<VisualState x:Name="Narrow">
|
|
|
|
|
<VisualState.StateTriggers>
|
|
|
|
|
<AdaptiveTrigger MinWindowWidth="0"/>
|
|
|
|
|
</VisualState.StateTriggers>
|
|
|
|
|
|
|
|
|
|
<VisualState.Setters>
|
|
|
|
|
<Setter Property="ColumnDefinitions">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<ColumnDefinitionCollection>
|
|
|
|
|
<ColumnDefinition Width="2*"/>
|
|
|
|
|
<ColumnDefinition Width="*"/>
|
|
|
|
|
<ColumnDefinition Width="0"/>
|
|
|
|
|
</ColumnDefinitionCollection>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
<Setter Property="RowDefinitions">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<RowDefinitionCollection>
|
|
|
|
|
<RowDefinition Height="2*"/>
|
|
|
|
|
<RowDefinition Height="*"/>
|
|
|
|
|
</RowDefinitionCollection>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
<Setter TargetName="ButtonStack" Property="StackLayout.Margin" Value="0,5,0,0"/>
|
|
|
|
|
<Setter TargetName="TimeStack" Property="Grid.Row" Value="1"/>
|
|
|
|
|
<Setter TargetName="TimeStack" Property="HorizontalStackLayout.Margin" Value="0,0,0,0"/>
|
|
|
|
|
</VisualState.Setters>
|
|
|
|
|
</VisualState>
|
|
|
|
|
|
|
|
|
|
<VisualState x:Name="Medium">
|
|
|
|
|
<VisualState.StateTriggers>
|
|
|
|
|
<AdaptiveTrigger MinWindowWidth="600"/>
|
|
|
|
|
</VisualState.StateTriggers>
|
|
|
|
|
|
|
|
|
|
<VisualState.Setters>
|
|
|
|
|
<Setter Property="ColumnDefinitions">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<ColumnDefinitionCollection>
|
|
|
|
|
<ColumnDefinition Width="*"/>
|
|
|
|
|
<ColumnDefinition Width="*"/>
|
|
|
|
|
<ColumnDefinition Width="*"/>
|
|
|
|
|
</ColumnDefinitionCollection>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
<Setter Property="RowDefinitions">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<RowDefinitionCollection>
|
|
|
|
|
<RowDefinition Height="2*"/>
|
|
|
|
|
<RowDefinition Height="*"/>
|
|
|
|
|
</RowDefinitionCollection>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
<Setter TargetName="ButtonStack" Property="StackLayout.Margin" Value="0,5,0,0"/>
|
|
|
|
|
<Setter TargetName="TimeStack" Property="Grid.Row" Value="1"/>
|
|
|
|
|
<Setter TargetName="TimeStack" Property="HorizontalStackLayout.Margin" Value="0,0,0,0"/>
|
|
|
|
|
</VisualState.Setters>
|
|
|
|
|
</VisualState>
|
|
|
|
|
|
|
|
|
|
<VisualState x:Name="Wide">
|
|
|
|
|
<VisualState.StateTriggers>
|
|
|
|
|
<AdaptiveTrigger MinWindowWidth="1200"/>
|
|
|
|
|
</VisualState.StateTriggers>
|
|
|
|
|
|
|
|
|
|
<VisualState.Setters>
|
|
|
|
|
<Setter Property="ColumnDefinitions">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<ColumnDefinitionCollection>
|
|
|
|
|
<ColumnDefinition Width="*"/>
|
|
|
|
|
<ColumnDefinition Width="*"/>
|
|
|
|
|
<ColumnDefinition Width="*"/>
|
|
|
|
|
</ColumnDefinitionCollection>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
<Setter Property="RowDefinitions">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<RowDefinitionCollection>
|
|
|
|
|
<RowDefinition Height="*"/>
|
|
|
|
|
<RowDefinition Height="0"/>
|
|
|
|
|
</RowDefinitionCollection>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
<Setter TargetName="ButtonStack" Property="StackLayout.Margin" Value="0,5,0,35"/>
|
|
|
|
|
<Setter TargetName="TimeStack" Property="Grid.Row" Value="0"/>
|
|
|
|
|
<Setter TargetName="TimeStack" Property="HorizontalStackLayout.Margin" Value="0,35,0,0"/>
|
|
|
|
|
</VisualState.Setters>
|
|
|
|
|
</VisualState>
|
|
|
|
|
|
|
|
|
|
</VisualStateGroup>
|
|
|
|
|
</VisualStateGroupList>
|
|
|
|
|
</Setter>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<Style x:Key="VolumeTrigger" TargetType="Grid">
|
|
|
|
|
<Setter Property="VisualStateManager.VisualStateGroups">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<VisualStateGroupList>
|
|
|
|
|
<VisualStateGroup>
|
|
|
|
|
|
|
|
|
|
<VisualState x:Name="Narrow">
|
|
|
|
|
<VisualState.StateTriggers>
|
|
|
|
|
<AdaptiveTrigger MinWindowWidth="0"/>
|
|
|
|
|
</VisualState.StateTriggers>
|
|
|
|
|
<VisualState.Setters>
|
|
|
|
|
<Setter Property="ColumnDefinitions">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<ColumnDefinitionCollection>
|
|
|
|
|
<ColumnDefinition Width="0"/>
|
|
|
|
|
<ColumnDefinition Width="*"/>
|
|
|
|
|
</ColumnDefinitionCollection>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
</VisualState.Setters>
|
|
|
|
|
</VisualState>
|
|
|
|
|
|
|
|
|
|
<VisualState x:Name="Medium">
|
|
|
|
|
<VisualState.StateTriggers>
|
|
|
|
|
<AdaptiveTrigger MinWindowWidth="600"/>
|
|
|
|
|
</VisualState.StateTriggers>
|
|
|
|
|
<VisualState.Setters>
|
|
|
|
|
<Setter Property="ColumnDefinitions">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<ColumnDefinitionCollection>
|
|
|
|
|
<ColumnDefinition Width="0"/>
|
|
|
|
|
<ColumnDefinition Width="*"/>
|
|
|
|
|
</ColumnDefinitionCollection>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
</VisualState.Setters>
|
|
|
|
|
</VisualState>
|
|
|
|
|
|
|
|
|
|
<VisualState x:Name="Wide">
|
|
|
|
|
<VisualState.StateTriggers>
|
|
|
|
|
<AdaptiveTrigger MinWindowWidth="1200"/>
|
|
|
|
|
</VisualState.StateTriggers>
|
|
|
|
|
<VisualState.Setters>
|
|
|
|
|
<Setter Property="ColumnDefinitions">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<ColumnDefinitionCollection>
|
|
|
|
|
<ColumnDefinition Width="*"/>
|
|
|
|
|
<ColumnDefinition Width="*"/>
|
|
|
|
|
</ColumnDefinitionCollection>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
</VisualState.Setters>
|
|
|
|
|
</VisualState>
|
|
|
|
|
|
|
|
|
|
</VisualStateGroup>
|
|
|
|
|
</VisualStateGroupList>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<Style x:Key="LabelFooterTrigger" TargetType="Label">
|
|
|
|
|
<Setter Property="VisualStateManager.VisualStateGroups">
|
|
|
|
|
<Setter.Value>
|
|
|
|
|
<VisualStateGroupList>
|
|
|
|
|
<VisualStateGroup>
|
|
|
|
|
|
|
|
|
|
<VisualState x:Name="Narrow">
|
|
|
|
|
<VisualState.StateTriggers>
|
|
|
|
|
<AdaptiveTrigger MinWindowWidth="0"/>
|
|
|
|
|
</VisualState.StateTriggers>
|
|
|
|
|
<VisualState.Setters>
|
|
|
|
|
<Setter Property="FontSize" Value="15"/>
|
|
|
|
|
<Setter TargetName="artiste" Property="Label.FontSize" Value="12"/>
|
|
|
|
|
<Setter TargetName="Random" Property="ImageButton.IsVisible" Value="False"/>
|
|
|
|
|
<Setter TargetName="Loop" Property="ImageButton.IsVisible" Value="False"/>
|
|
|
|
|
</VisualState.Setters>
|
|
|
|
|
</VisualState>
|
|
|
|
|
|
|
|
|
|
<VisualState x:Name="Medium">
|
|
|
|
|
<VisualState.StateTriggers>
|
|
|
|
|
<AdaptiveTrigger MinWindowWidth="600"/>
|
|
|
|
|
</VisualState.StateTriggers>
|
|
|
|
|
<VisualState.Setters>
|
|
|
|
|
<Setter Property="FontSize" Value="18"/>
|
|
|
|
|
<Setter TargetName="artiste" Property="Label.FontSize" Value="15"/>
|
|
|
|
|
<Setter TargetName="Random" Property="ImageButton.IsVisible" Value="True"/>
|
|
|
|
|
<Setter TargetName="Loop" Property="ImageButton.IsVisible" Value="True"/>
|
|
|
|
|
</VisualState.Setters>
|
|
|
|
|
</VisualState>
|
|
|
|
|
|
|
|
|
|
<VisualState x:Name="Wide">
|
|
|
|
|
<VisualState.StateTriggers>
|
|
|
|
|
<AdaptiveTrigger MinWindowWidth="1200"/>
|
|
|
|
|
</VisualState.StateTriggers>
|
|
|
|
|
<VisualState.Setters>
|
|
|
|
|
<Setter Property="FontSize" Value="25"/>
|
|
|
|
|
</VisualState.Setters>
|
|
|
|
|
</VisualState>
|
|
|
|
|
|
|
|
|
|
</VisualStateGroup>
|
|
|
|
|
</VisualStateGroupList>
|
|
|
|
|
</Setter.Value>
|
|
|
|
|
</Setter>
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<Style TargetType="ActivityIndicator">
|
|
|
|
|
<Setter Property="Color" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
|
|
|
|
|
</Style>
|
|
|
|
@ -123,7 +381,7 @@
|
|
|
|
|
<Setter Property="Color" Value="{AppThemeBinding Light={StaticResource Gray950}, Dark={StaticResource Gray200}}" />
|
|
|
|
|
</Style>
|
|
|
|
|
|
|
|
|
|
<Style TargetType="Button">
|
|
|
|
|
<!--<Style TargetType="Button">
|
|
|
|
|
<Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource Blue200Accent}}" />
|
|
|
|
|
<Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Blue200Accent}, Dark={StaticResource White}}" />
|
|
|
|
|
<Setter Property="FontFamily" Value="OpenSansRegular"/>
|
|
|
|
@ -143,7 +401,7 @@
|
|
|
|
|
</VisualStateGroup>
|
|
|
|
|
</VisualStateGroupList>
|
|
|
|
|
</Setter>
|
|
|
|
|
</Style>
|
|
|
|
|
</Style>-->
|
|
|
|
|
|
|
|
|
|
<Style TargetType="CheckBox">
|
|
|
|
|
<Setter Property="Color" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
|
|
|
|
|