5

我有一个需要在顶部和下方UserControl包含一堆控件的控件。LongListSelector整体的总高度UserControl可能（并且几乎总是会）超过屏幕高度，在这种情况下，整体UserControl必须是可滚动的。

我目前的设置如下：

<staff:UserContentControl 
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="clr-namespace:MyApp.Controls"
    xmlns:staff="clr-namespace:MyApp.Helpers"
    x:Class="MyApp.Controls.RemoteHomePage"

    DataContext="{Binding RelativeSource={RelativeSource Self}}"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}">

    <ScrollViewer>
        <ScrollViewer.Content>
            <StackPanel>
                <TextBlock Txt="Text1" Sign="@" />
                <TextBlock Txt="Text2" Sign="#" />
                <controls:Divider />

                <TextBlock Txt="Text3" Sign="~" />
                <TextBlock Txt="Text4" Sign="~" />
                <controls:TextDivider Text="Divider text" />

                <phone:LongListSelector ItemsSource="{Binding Items}">
                    <phone:LongListSelector.ItemTemplate>
                        <DataTemplate>
                            <TextBlock Text="{Binding Title}" />
                        </DataTemplate>
                    </phone:LongListSelector.ItemTemplate>
                </phone:LongListSelector>
            </StackPanel>
        </ScrollViewer.Content>
    </ScrollViewer>
</staff:UserContentControl>

这个解决方案满足了我的需求，但也有一个大问题：LongListSelector当它包含的项目数量相当大时，目前确实需要很长时间才能加载。处理 300 个项目需要 8 秒，在此期间整个 UI 被阻塞。如果我删除所有内容，但是LongListSelector，像这样：

<staff:UserContentControl 
    ...>

    <phone:LongListSelector ItemsSource="{Binding Items}">
        <phone:LongListSelector.ItemTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding Title}" />
            </DataTemplate>
        </phone:LongListSelector.ItemTemplate>
    </phone:LongListSelector>
</staff:UserContentControl>

然后LongListSelector几乎立即加载，即使有大量的项目。但显然我需要它上面的其他控件，所以问题是我能做些什么来解决这个问题？

（还有相关的问题：我担心LongListSelector内部ScrollViewer可能会导致双重滚动或类似的事情，但最终在这方面一切都很好。我不确定是否LongListSelector以某种方式知道它在其他可滚动控件内，或者是否发生了其他事情我不知道。一些解释为什么它工作得很好，虽然很慢，但将不胜感激。）

4

2 回答 2

13

不要使用滚动查看器，因为它会使 longlistselector 认为它有一个无限高的可用屏幕并渲染它的所有项目。为了解决您的用例，请使用 Header 和 Footer 属性在列表项上方或下方添加数据。

于 2013-01-19T05:13:51.800 回答
1

您不能强制 ScrollViewer 虚拟化 LongListSelector 项目。

所以你只需要通过 LongListSelector 来模仿它的行为。

使第一个项目包含 StackPanel （第一个项目模板）中的所有您需要的元素。其他元素将是基本的 LongListSelector 元素（第二个 itemtemplate）。

以下是如何为项目设置不同模板的说明：在 Windows 8 CP 中为选定的 ListViewItem 设置样式

于 2013-01-18T22:00:38.810 回答