Added playlist view and initial playlist view logic.

This commit is contained in:
2025-03-10 09:50:05 -04:00
parent 9890236710
commit bd9b30abbd
19 changed files with 619 additions and 20 deletions

View File

@@ -23,6 +23,12 @@
<Setter Property="BorderThickness" Value="0"/>
</Style>
<!-- Flat Button ViewBox -->
<!--<Style Selector="Viewbox.FlatButtonViewbox">
<Setter Property="Width" Value="18"/>
<Setter Property="Height" Value="18"/>
</Style>-->
<!-- Flat Button Path Icon -->
<Style Selector="PathIcon.FlatButtonIcon">
<Setter Property="Padding" Value="10"/>
@@ -31,6 +37,12 @@
<Setter Property="Foreground" Value="White"/>
</Style>
<!-- Flat Button Path Icon (Large) -->
<Style Selector="PathIcon.FlatButtonIcon.Medium">
<Setter Property="Width" Value="24"/>
<Setter Property="Height" Value="24"/>
</Style>
<!-- Flat Button Path Icon (Large) -->
<Style Selector="PathIcon.FlatButtonIcon.Large">
<Setter Property="Width" Value="36"/>
@@ -106,14 +118,36 @@
<!-- Action Buttons -->
<Grid Grid.Row="1" Grid.Column="2" VerticalAlignment="Center" HorizontalAlignment="Right">
<StackPanel Orientation="Horizontal">
<Button Classes="Flat" Command="{Binding ToggleMuteCommand}">
<Grid>
<!--<PathIcon Classes="FlatButtonIcon Medium" Data="{StaticResource VolumeHighIcon}"></PathIcon>-->
<PathIcon Classes="FlatButtonIcon Medium" Data="{Binding VolumeState, Converter={StaticResource VolumeStateToIconConverter}}"></PathIcon>
</Grid>
</Button>
<Slider Value="{Binding Volume, Mode=TwoWay}" Minimum="0" Maximum="1" PointerWheelChanged="VolumeSlider_PointerWheelChanged" Width="200" VerticalAlignment="Center" />
<Button Classes="Flat" Command="{Binding ToggleRandomizerCommand}">
<PathIcon Classes="FlatButtonIcon Medium" Classes.ShuffleOn="{Binding IsRandom}" Data="{StaticResource ShuffleIcon}">
<PathIcon.Styles>
<Style Selector="PathIcon.ShuffleOn">
<Setter Property="Foreground" Value="#76b9ed"/>
</Style>
</PathIcon.Styles>
</PathIcon>
</Button>
<Button Classes="Flat" Command="{Binding ToggleRepeatCommand}">
<PathIcon Classes="FlatButtonIcon Medium" Data="{Binding RepeatState, Converter={StaticResource RepeatStateToIconConverter}}"></PathIcon>
</Button>
<Button Classes="Flat">
<PathIcon Classes="FlatButtonIcon" Data="{StaticResource SemiIconSetting}"></PathIcon>
<Button.Flyout>
<MenuFlyout Placement="Top">
<RadioButton Content="Compact" VerticalContentAlignment="Stretch" HorizontalAlignment="Stretch" GroupName="Density" />
<RadioButton Content="Comfortable" VerticalContentAlignment="Stretch" HorizontalAlignment="Stretch" GroupName="Density" />
<RadioButton Content="Cozy" VerticalContentAlignment="Stretch" HorizontalAlignment="Stretch" GroupName="Density" />
</MenuFlyout>
<Flyout Placement="Top">
<StackPanel>
<TextBlock Text="Density"></TextBlock>
<RadioButton Content="Compact" Margin="10" HorizontalAlignment="Stretch" GroupName="Density" />
<RadioButton Content="Comfortable" Margin="10" HorizontalAlignment="Stretch" GroupName="Density" />
<RadioButton Content="Cozy" Margin="10" HorizontalAlignment="Stretch" GroupName="Density" />
</StackPanel>
</Flyout>
</Button.Flyout>
</Button>
</StackPanel>