NotificationFlyout/samples/NotificationFlyoutSample/NowPlayingPage.xaml

<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>