Update version

2021-02-15 21:21:50 +00:00
parent b96155be73
commit 9fa476e57d
25 changed files with 726 additions and 68 deletions
@@ -0,0 +1,80 @@
+<Page
+    x:Class="NotificationFlyoutSample.NowPlayingPage"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    <Grid>
+        <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="42" />
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="Auto" />
+        </Grid.RowDefinitions>
+        <Grid Grid.Row="0" Margin="0,0,0,4">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="Auto" />
+                <ColumnDefinition Width="*" />
+            </Grid.ColumnDefinitions>
+            <Border
+                Grid.Column="0"
+                Width="94"
+                Height="94"
+                Background="Gray"
+                CornerRadius="4">
+                <Image Source="{x:Bind ViewModel.Thumbnail, Mode=OneWay}" Stretch="UniformToFill" />
+            </Border>
+            <StackPanel Grid.Column="1" Margin="12,12,0,0">
+                <TextBlock Style="{StaticResource BaseTextBlockStyle}" Text="{x:Bind ViewModel.Artist, Mode=TwoWay}" />
+                <TextBlock Text="{x:Bind ViewModel.Song, Mode=TwoWay}" />
+            </StackPanel>
+        </Grid>
+        <Slider Grid.Row="1" />
+        <Grid Grid.Row="2">
+            <TextBlock HorizontalAlignment="Left" Text="00:00" />
+            <TextBlock HorizontalAlignment="Right" Text="04:16" />
+        </Grid>
+        <CommandBar
+            Grid.Row="3"
+            HorizontalAlignment="Center"
+            Background="Transparent"
+            DefaultLabelPosition="Collapsed">
+            <AppBarButton
+                Width="48"
+                Click="{x:Bind ViewModel.Previous}"
+                CornerRadius="4"
+                IsCompact="True">
+                <AppBarButton.Icon>
+                    <FontIcon Glyph="&#xE100;" />
+                </AppBarButton.Icon>
+            </AppBarButton>
+            <AppBarButton
+                Width="48"
+                Click="{x:Bind ViewModel.Play}"
+                CornerRadius="4"
+                IsCompact="True"
+                Visibility="{x:Bind ViewModel.IsPaused, Mode=OneWay}">
+                <AppBarButton.Icon>
+                    <FontIcon Glyph="&#xE102;" />
+                </AppBarButton.Icon>
+            </AppBarButton>
+            <AppBarButton
+                Width="48"
+                Click="{x:Bind ViewModel.Pause}"
+                CornerRadius="4"
+                IsCompact="True"
+                Visibility="{x:Bind ViewModel.IsPlaying, Mode=OneWay}">
+                <AppBarButton.Icon>
+                    <FontIcon Glyph="&#xE103;" />
+                </AppBarButton.Icon>
+            </AppBarButton>
+            <AppBarButton
+                Width="48"
+                Click="{x:Bind ViewModel.Next}"
+                CornerRadius="4"
+                IsCompact="True">
+                <AppBarButton.Icon>
+                    <FontIcon Glyph="&#xE101;" />
+                </AppBarButton.Icon>
+            </AppBarButton>
+        </CommandBar>
+    </Grid>
+</Page>