Question

在我的应用中，我在主页面中使用了一个GridView和一个ListView。上述列表位于Dictionary中，我将其作为ContentPresenter的内容加载到主页中，此元素包含在ScrollViewer中。

主页的XAML：

<Pivot Grid.Row="1"
           SelectionChanged="Pivot_SelectionChanged"
           SelectedIndex="{Binding PivotIndex, Mode=OneWay, UpdateSourceTrigger=PropertyChanged}">
        <PivotItem>
            <PivotItem.Header>
                <TextBlock Text="Home"/>
            </PivotItem.Header>
            <PivotItem.Content>
                <ScrollViewer ViewChanged="Scroll_ViewChanged">
                    <ContentPresenter ContentTemplate="{StaticResource SwitchableHomeView}"/>
                </ScrollViewer>
            </PivotItem.Content>
        </PivotItem>
        <PivotItem>
            <PivotItem.Header>
                <TextBlock Text="Fitness"/>
            </PivotItem.Header>
            <PivotItem.Content>
                <ScrollViewer ViewChanged="Scroll_ViewChanged">
                    <ContentPresenter ContentTemplate="{StaticResource SwitchableFitnessView}"/>
                </ScrollViewer>
            </PivotItem.Content>
        </PivotItem>
    </Pivot>

和XAML for Dictionary类：

<DataTemplate x:Key="SwitchableHomeView"
              x:DataType="data:ItemHelper">
    <UserControl>
        <StackPanel>
            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup>
                    <VisualState>
                        <VisualState.StateTriggers>
                            <AdaptiveTrigger MinWindowWidth="0"/>
                        </VisualState.StateTriggers>
                        <VisualState.Setters>
                            <Setter Target="HomeListView.Visibility"
                                    Value="Visible"/>
                            <Setter Target="HomeGridView.Visibility"
                                    Value="Collapsed"/>
                        </VisualState.Setters>
                    </VisualState>
                    <VisualState>
                        <VisualState.StateTriggers>
                            <AdaptiveTrigger MinWindowWidth="901"/>
                        </VisualState.StateTriggers>
                        <VisualState.Setters>
                            <Setter Target="HomeListView.Visibility"
                                    Value="Collapsed"/>
                            <Setter Target="HomeGridView.Visibility"
                                    Value="Visible"/>
                        </VisualState.Setters>
                    </VisualState>
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>
            <ListView Name="HomeListView"
                      Style="{StaticResource ListViewCustomStyle}"
                      ItemsSource="{Binding HomeList, Mode=OneWay, UpdateSourceTrigger=PropertyChanged}"
                      ItemClick="Article_ItemClick"
                      Loaded="ArticleCollection_Loaded"/>
            <GridView Name="HomeGridView"
                      Style="{StaticResource GridViewCustomStyle}"
                      ItemsSource="{Binding HomeList, Mode=OneWay, UpdateSourceTrigger=PropertyChanged}"
                      ItemClick="Article_ItemClick"
                      Loaded="ArticleCollection_Loaded"/>
        </StackPanel>
    </UserControl>
</DataTemplate>

    <Style x:Key="GridViewCustomStyle"
       TargetType="GridView">
    <Setter Property="SelectionMode"
            Value="None"/>
    <Setter Property="ItemsPanel"
            Value="{StaticResource GridViewCenteredItemsPanel}"/>
    <Setter Property="IsItemClickEnabled"
            Value="True"/>
    <Setter Property="ShowsScrollingPlaceholders"
            Value="True"/>
    <Setter Property="ItemContainerStyle"
            Value="{StaticResource CustomGridViewItemStyle}"/>
    <Setter Property="ItemTemplate"
            Value="{StaticResource CustomGridItemTemplate}"/>
    <Setter Property="ItemContainerTransitions"
            Value="{StaticResource GridViewItemCustomTransitions}"/>
</Style>

<Style x:Key="ListViewCustomStyle"
       TargetType="ListView">
    <Setter Property="SelectionMode"
            Value="None"/>
    <Setter Property="IsItemClickEnabled"
            Value="True"/>
    <Setter Property="ShowsScrollingPlaceholders"
            Value="True"/>
    <Setter Property="ItemContainerStyle"
            Value="{StaticResource StretchedListView}"/>
    <Setter Property="ItemTemplate"
            Value="{StaticResource CustomListItemTemplate}"/>
    <Setter Property="ItemContainerTransitions"
            Value="{StaticResource GridViewItemCustomTransitions}"/>
</Style>

Dictionary类的代码隐藏：

private async void ArticleCollection_Loaded(object sender, RoutedEventArgs e)
    {
        if (navigatedUri != null)
        {
            if (sender is GridView)
            {
                var gv = sender as GridView;

                var item = (gv.ItemsSource as ObservableCollection<ItemHelper>)
                        .Where(compare => compare.ItemImage?.UriSource?.OriginalString == navigatedUri).FirstOrDefault();
                await Dispatcher.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Normal, async() => 
                {
                    gv.UpdateLayout();
                    await Task.Delay(500);
                    gv.ScrollIntoView(item);
                    //gv.UpdateLayout();
                });

                var animation = ConnectedAnimationService.GetForCurrentView().GetAnimation(StaticProperties.SquareAnimationKey);
                if (animation != null)
                {
                    if (gv.ContainerFromItem(item) is GridViewItem container)
                    {
                        var root = (FrameworkElement)container.ContentTemplateRoot;
                        var image = (Image)root.FindName("Image");
                        animation.TryStart(image);
                    }
                    else
                    {
                        animation.Cancel();
                    }
                }
                if (gv.Visibility == Visibility.Visible)
                {
                    navigatedUri = null;
                }
            }
            else if (sender is ListView)
            {
                var gv = sender as ListView;
                var animation = ConnectedAnimationService.GetForCurrentView().GetAnimation(StaticProperties.SquareAnimationKey);
                if (animation != null)
                {
                    var item = (gv.ItemsSource as ObservableCollection<ItemHelper>)
                        .Where(compare => compare.ItemImage?.UriSource?.OriginalString == navigatedUri).First();
                    await Dispatcher.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Normal, async() =>
                    {
                        gv.UpdateLayout();
                        await Task.Delay(500);
                        gv.ScrollIntoView(item);
                        //gv.UpdateLayout();
                    });

                    if (gv.ContainerFromItem(item) is GridViewItem container)
                    {
                        var root = (FrameworkElement)container.ContentTemplateRoot;
                        var image = (Image)root.FindName("image");
                        // Wait for image opened. In future Insider Preview releases, this won't be necessary.
                        image.Opacity = 0;
                        animation.TryStart(image);
                    }
                    else
                    {
                        animation.Cancel();
                    }
                }
                if (gv.Visibility == Visibility.Visible)
                {
                    navigatedUri = null;
                }
            }
        }
    }

我根据屏幕尺寸切换ListView和GridView。因此，当我在查看项目后导航回MainPage时，ListView和GridView都会被加载，Loaded事件会被触发。然后我将ListView和GridView滚动到该项目，但它始终显示第一个项目。我尝试了谷歌的各种解决方案，但没有一个适合我。

所以我想问一下我是否正在使用正确的方法来使其工作。或者有什么更好的方法可以使这项工作。感谢

Answer 1

从您的PivotItem ContentTemplates中删除ScrollViewers，它可能会起作用。 GridView拥有自己的内部ScrollViewer，这是ScrollIntoView将尝试使用的内容。但是，因为您已将GridView放置在滚动查看器中，所以内部滚动查看器未被使用，因为GridView实际上无限大小由父ScrollViewer授予

GridView / ListView滚动到视图不起作用

1 个答案: