C# 在Microsoft Store App中垂直滚动后,GridView数据与标题重叠

C# 在Microsoft Store App中垂直滚动后,GridView数据与标题重叠,c#,xaml,gridview,windows-store-apps,C#,Xaml,Gridview,Windows Store Apps,我有一个GridView,如下所示: <Page x:Name="pageRoot" x:Class="View.ServiceModule" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:View" xmlns:common="using:View.Comm

我有一个GridView,如下所示:

<Page
x:Name="pageRoot"
x:Class="View.ServiceModule"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:View"
xmlns:common="using:View.Common"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">

<Page.Resources>
    <CollectionViewSource
        x:Name="groupedItemsViewSource"
        Source="{Binding ServiceTasksFiltered}"
        IsSourceGrouped="true"
        ItemsPath="ServiceTasksFiltered">
    </CollectionViewSource>
</Page.Resources>

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid.ChildrenTransitions>
        <TransitionCollection>
            <EntranceThemeTransition/>
        </TransitionCollection>
    </Grid.ChildrenTransitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="140"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>


    <GridView
        Visibility="Collapsed"
        x:Name="serviceTasksFilteredGridView"
        TabIndex="1"
        Grid.RowSpan="2"
        Padding="116,136,116,46"
        ItemsSource="{Binding ServiceTasksFiltered, Mode=TwoWay}"
        SelectionMode="None"
        IsSwipeEnabled="false"
        IsItemClickEnabled="true"
        ScrollViewer.VerticalScrollMode="Auto"
        ScrollViewer.VerticalScrollBarVisibility="Auto"
        VerticalAlignment="Top">
        <GridView.ItemContainerStyle>
            <Style TargetType="GridViewItem">
                <Setter Property="HorizontalAlignment" Value="Stretch"/>
                <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
            </Style>
        </GridView.ItemContainerStyle>
        <GridView.ItemsPanel>
            <ItemsPanelTemplate>
                <StackPanel HorizontalAlignment="Stretch"/>
            </ItemsPanelTemplate>
        </GridView.ItemsPanel>
        <GridView.Header>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="100"></ColumnDefinition>
                    <ColumnDefinition Width="200"></ColumnDefinition>
                    <ColumnDefinition Width="500"></ColumnDefinition>
                    <ColumnDefinition Width="300"></ColumnDefinition>
                    <ColumnDefinition Width="300"></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <TextBlock Text="Debitornr." TextWrapping="Wrap" FontSize="24" FontWeight="Bold"/>
                <TextBlock Grid.Column="1" Text="Name" TextWrapping="Wrap" FontSize="24" FontWeight="Bold"/>
                <TextBlock Grid.Column="2" Text="Belegnr." TextWrapping="Wrap" FontSize="24" FontWeight="Bold"/>
                <TextBlock Grid.Column="3" Text="Reaktionsdatum" TextWrapping="Wrap" FontSize="24" FontWeight="Bold"/>
                <TextBlock Grid.Column="4" Text="Priorität" TextWrapping="Wrap" FontSize="24" FontWeight="Bold"/>
            </Grid>
        </GridView.Header>
        <GridView.ItemTemplate>
            <DataTemplate>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="100"></ColumnDefinition>
                        <ColumnDefinition Width="200"></ColumnDefinition>
                        <ColumnDefinition Width="500"></ColumnDefinition>
                        <ColumnDefinition Width="300"></ColumnDefinition>
                        <ColumnDefinition Width="300"></ColumnDefinition>
                    </Grid.ColumnDefinitions>
                    <TextBlock Text="{Binding CustomerNo}" TextWrapping="Wrap" FontSize="20"/>
                    <TextBlock Grid.Column="1" Text="{Binding CustomerName}" TextWrapping="Wrap" FontSize="20"/>
                    <TextBlock Grid.Column="2" Text="{Binding DocumentNo}" TextWrapping="Wrap" FontSize="20"/>
                    <TextBlock Grid.Column="3" Text="{Binding ResponseDateDisplay}" TextWrapping="Wrap" FontSize="20"/>
                    <TextBlock Grid.Column="4" Text="{Binding PriorityDisplay}" TextWrapping="Wrap" FontSize="20"/>
                </Grid>
            </DataTemplate>
        </GridView.ItemTemplate>
    </GridView>

    <!-- Back button and page title -->
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="120"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Button x:Name="backButton" Margin="39,59,39,0" 
                    Click="BackButton"
                    Style="{StaticResource NavigationBackButtonNormalStyle}"
                    VerticalAlignment="Top"
                    AutomationProperties.Name="Back"
                    AutomationProperties.AutomationId="BackButton"
                    AutomationProperties.ItemType="Navigation Button"/>
        <TextBlock x:Name="pageTitle" Text="Serviceaufgaben" Style="{StaticResource HeaderTextBlockStyle}" Grid.Column="1" 
                    IsHitTestVisible="false" TextWrapping="NoWrap" VerticalAlignment="Bottom" Margin="0,0,30,40"/>
    </Grid>
</Grid>

当我尝试向下滚动以显示底部行时,顶部行被移到更高的位置,而不是消失。有关更好的说明,请参见下图:

如您所见,GridView向下滚动,行位于页面标题后面。我需要他们消失


任何帮助都将不胜感激。

我猜这并不是您的全部布局XAML,因为乍一看,我没有看到您的屏幕截图中反映的某些内容。您可能想分享更多信息以帮助解决问题,或者分享一些能够重现while问题的精简版本。好的,现在它已更新,以显示完整的XAML代码。是的,这是您的问题。你有Grid.RowSpan=2的GridView,你的标题就在上面。你可以预料到你的问题,你把它声明为布局的方式,伙计,因为你告诉它以这种方式布局,而且格式良好,你不需要那么大的利润。哦。该死,这只是网格。行=2,而不是行跨度。谢谢,现在很好用。哈哈,总是一些愚蠢的事情让我们做对了?哈哈,发展的乐趣。