将 CommandBar 添加到 xaml UWP 中当前歌曲列表的顶部。 多次设置“内容”属性

Question

I have two parts I'm trying to merge together xaml code, both work independently but when combined I can't get it to work. What's the right way. I've placed the CommandBar xmal just before the <GridView xaml. Thanks in advance for the beginner advice.

CommandBar XAML: to be displayed at the top of page enter image description here

<CommandBar Margin="-10,46,10,0" IsOpen="True" Name="xCommand"  >
    <AppBarToggleButton x:Name="apbartg1" IsChecked="False" Icon="Mute" Label="Mute"  Click="AppBarMuteButton_Click" />
    <AppBarToggleButton Icon="RepeatAll" Label="Refresh" Click="AppBarRefreshButton_Click"/>
    <AppBarSeparator/>
    <AppBarButton Icon="Stop" Label="Stop" Click="AppBarStopButton_Click"/>
    <AppBarButton Icon="Play" Label="Play" Click="AppBarPlayButton_Click"/>

    <!--<CommandBar.SecondaryCommands>
        <AppBarButton Icon="Like" Label="Like" Click="AppBarButton_Click"/>
        <AppBarButton Icon="Dislike" Label="Dislike" Click="AppBarButton_Click"/>
    </CommandBar.SecondaryCommands>-->

    <CommandBar.Content>
        <TextBlock x:Name="contentNameText" Text="Now playing..." Margin="12,8"/>
    </CommandBar.Content>
</CommandBar>

List of Songs XAML: enter image description here

<Page
    x:Class="mInc.WUP.Audio.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:mInc.WUP.Audio"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:models="using:mInc.WUP.Audio.Models"
    mc:Ignorable="d">



    
    <Page.Resources>
       
        <x:String x:Key="ChevronGlyph">&#xE26B;</x:String>

        <CollectionViewSource
            x:Name="GroupedMusicListSource"
            Source="{x:Bind MainModel.GroupedMusicList}"
            IsSourceGrouped="True"
            ItemsPath="Items"
            />

        <CollectionViewSource
            x:Name="UngroupedMusicListSource"
            Source="{x:Bind MainModel.UngroupedMusicList}"
            IsSourceGrouped="False"
            />
    </Page.Resources>

Placed the CommandBar Code Here and got the error. I also tried other places but not able to find a solution.

    <GridView ItemsSource="{Binding Source={StaticResource GroupedMusicListSource}}"
              SelectionMode="None"
              Name="GuestGridView"
              IsItemClickEnabled="True"
              ItemClick="GuestGridView_ItemClick"
              >

        <GridView.GroupStyle >
            <GroupStyle>
                <GroupStyle.HeaderTemplate >
                    <DataTemplate x:DataType="models:SongGroupModel" >
                        <Grid Margin="0,0,0,2" >
                            <Button
                                Foreground="{ThemeResource ApplicationHeaderForegroundThemeBrush}"
                                IsEnabled="{x:Bind HasGroupDetails}"
                                Click="Header_Click"
                                Style="{StaticResource TextBlockButtonStyle}" >
                                <RelativePanel >
                                    <TextBlock
                                        Name="TitleBlock"
                                        RelativePanel.AlignLeftWithPanel="True"
                                        RelativePanel.AlignVerticalCenterWithPanel="True"
                                        Text="{x:Bind Title}" Margin="0,0,10,0"
                                        Style="{StaticResource TitleTextBlockStyle}" />
                                    <TextBlock
                                        RelativePanel.RightOf="TitleBlock"
                                        RelativePanel.AlignVerticalCenterWithPanel="True"
                                        Text="{StaticResource ChevronGlyph}"
                                        FontFamily="Segoe MDL2 Assets"
                                        FontWeight="Normal"
                                        Style="{StaticResource TitleTextBlockStyle}" />
                                </RelativePanel>
                            </Button>
                        </Grid>
                    </DataTemplate>
                </GroupStyle.HeaderTemplate>
            </GroupStyle>
        </GridView.GroupStyle>

        <GridView.ItemTemplate>
            <DataTemplate x:DataType="models:SongModel" >
                <StackPanel
                    Orientation="Horizontal"
                    HorizontalAlignment="Center"
                    Width="300"
                    BorderThickness="1" BorderBrush="DarkBlue"
                    Background="AliceBlue"
                    >
                    <StackPanel HorizontalAlignment="Center" Padding="5" >
                        <StackPanel Orientation="Horizontal" >
                            <TextBlock Text="Title:" FontWeight="Bold" />
                            <TextBlock Name="AlbumBlock" Margin="5,0,0,0"
                               Text="{x:Bind Title}" />
                        </StackPanel>

                        <StackPanel Orientation="Horizontal" >
                            <TextBlock Text="Album:" FontWeight="Bold" />
                            <TextBlock Name="ArtistBlock" Margin="5,0,0,0"
                               Text="{x:Bind Album}" />
                        </StackPanel>

                        <StackPanel Orientation="Horizontal" >
                            <TextBlock Text="Artist:" FontWeight="Bold" />
                            <TextBlock Name="TitleBlock" Margin="5,0,0,0"
                               Text="{x:Bind Artist}" />
                        </StackPanel>
                    </StackPanel>
                </StackPanel>
            </DataTemplate>
        </GridView.ItemTemplate>
        
    </GridView>
</Page>

Answer 1

<Page.TopAppBar>

<!--<CommandBar.SecondaryCommands>
    <AppBarButton Icon="Like" Label="Like" Click="AppBarButton_Click"/>
    <AppBarButton Icon="Dislike" Label="Dislike" Click="AppBarButton_Click"/>
</CommandBar.SecondaryCommands>-->

<CommandBar.Content>
    <TextBlock x:Name="contentNameText" Text="Now playing..." Margin="12,8"/>
</CommandBar.Content>

</Page.TopAppBar>