Windows Phone 7如何消除“口吃”在数据透视项之间切换时
本文关键字：透视 数据 之间 Phone 何消 口吃 Windows | 更新日期: 2023-09-27 18:04:30
当切换到加载数据的枢轴项目时，我在从一个项目切换到另一个项目时遇到了口吃。我已经将数据加载分离到一个单独的线程，这很有帮助，但我仍然遇到一些糟糕的性能....不知道你们有什么想法....
这是pivot项
<Grid x:Name="LayoutRoot" Background="Transparent">
<!--Pivot control-->
<controls:Pivot Name="panCorals" Title="Corals" Foreground="#01487e"
SelectionChanged="panCorals_SelectionChanged">
<controls:Pivot.Background>
<ImageBrush ImageSource="PivotBackground.png"/>
</controls:Pivot.Background>
<!--Search Corals-->
<controls:PivotItem Header="Search" Foreground="#01487e">
<Grid>
<toolkit:PerformanceProgressBar Name="SearchCoralsProgressBar" HorizontalAlignment="Left"
VerticalAlignment="Top" Width="466"
IsEnabled="{Binding IsSearchLoading}" IsIndeterminate="{Binding IsSearchLoading}" />
<StackPanel>
<TextBox Name="txtSearchTerm" KeyDown="txtSearchTerm_KeyDown" />
<ListBox Name="lbSearchCorals" Margin="0,0,-12,0" ItemsSource="{Binding SearchCorals}"
SelectionChanged="lbSearchCorals_SelectionChanged">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal" Margin="0,0,0,17">
<Image Source="{Binding MainImageURI}" Height="100" Width="100" Margin="12,0,9,0" />
<StackPanel Width="311">
<TextBlock Text="{Binding CommonName}" Foreground="#112d42" TextWrapping="NoWrap" Style="{StaticResource PhoneTextTitle2Style}"/>
<TextBlock Text="{Binding ScientificName}" Foreground="#112d42" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
</StackPanel>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
</StackPanel>
</Grid>
</controls:PivotItem>
<!--Top Corals-->
<controls:PivotItem Header="Top" Foreground="#01487e" VerticalAlignment="Top" >
<Grid>
<toolkit:PerformanceProgressBar Name="TopCoralsProgressBar" HorizontalAlignment="Left"
VerticalAlignment="Top" Width="466"
IsEnabled="{Binding IsTopLoading}" IsIndeterminate="{Binding IsTopLoading}" />
<ListBox Name="lbTopCorals" Margin="0,0,-12,0" ItemsSource="{Binding TopCorals}" SelectionChanged="lbTopCorals_SelectionChanged">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal" Margin="0,0,0,17">
<Image Source="{Binding MainImageURI}" Height="100" Width="100" Margin="12,0,9,0" />
<StackPanel Width="311">
<TextBlock Text="{Binding CommonName}" Foreground="#112d42" TextWrapping="NoWrap" Style="{StaticResource PhoneTextTitle2Style}"/>
<TextBlock Text="{Binding ScientificName}" Foreground="#112d42" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
</StackPanel>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
<StackPanel Margin="10,50,0,0" Orientation="Horizontal">
<TextBlock x:Name="tbProgress"/>
</StackPanel>
</Grid>
</controls:PivotItem>
<!--New Corals-->
<controls:PivotItem Header="New">
<Grid>
<toolkit:PerformanceProgressBar Name="NewCoralsProgressBar" HorizontalAlignment="Left"
VerticalAlignment="Top" Width="466"
IsEnabled="{Binding IsNewLoading}" IsIndeterminate="{Binding IsNewLoading}" />
<ListBox Name="lbNewCorals" Margin="0,0,-12,0" ItemsSource="{Binding NewCorals}" SelectionChanged="lbNewCorals_SelectionChanged">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal" Margin="0,0,0,17">
<Image Source="{Binding MainImageURI}" Height="100" Width="100" Margin="12,0,9,0" />
<StackPanel Width="311">
<TextBlock Text="{Binding CommonName}" Foreground="#112d42" TextWrapping="NoWrap" Style="{StaticResource PhoneTextTitle2Style}"/>
<TextBlock Text="{Binding ScientificName}" Foreground="#112d42" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
</StackPanel>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
</Grid>
</controls:PivotItem>
</controls:Pivot>
</Grid>
和后面的代码…
private void panCorals_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
switch (panCorals.SelectedIndex)
{
case 0: //search corals
break;
case 1: //top corals
if (!App.vmCoral.IsTopDataLoaded)
{
App.vmCoral.IsTopLoading = true;
if (App.HasConnectivity)
{
//get corals from web
bw.DoWork += new DoWorkEventHandler(bw_DoWorkTopCoralsWeb);
if (bw.IsBusy != true)
{
bw.RunWorkerAsync();
}
}
else
{
//get saved corals from device
bw.DoWork += new DoWorkEventHandler(bw_DoWorkTopCoralsSaved);
if (bw.IsBusy != true)
{
bw.RunWorkerAsync();
}
}
}
break;
case 2: //new corals
if (!App.vmCoral.IsNewDataLoaded)
{
App.vmCoral.IsNewLoading = true;
if (App.HasConnectivity)
{
//get corals from web
bw.DoWork += new DoWorkEventHandler(bw_DoWorkNewCoralsWeb);
if (bw.IsBusy != true)
{
bw.RunWorkerAsync();
}
}
else
{
//get saved corals from device
bw.DoWork += new DoWorkEventHandler(bw_DoWorkNewCoralsSaved);
if (bw.IsBusy != true)
{
bw.RunWorkerAsync();
}
}
}
break;
default:
break;
}
}
您发布的代码本身没有什么特别的错误。最有可能发生的事情是你的后台工作线程正在完成，而你在pivot项目之间切换，这反过来又更新了你的列表绑定到的可观察集合。此外，你的列表中包含图片，如果你绑定到一个需要下载图片的URL，也会导致性能问题。
有两件事要检查:
- 如果列表很长，请确保使用虚拟化的堆栈面板(这是默认值，但请确保您没有在任何地方更改它)。
- 考虑使用SL工具包中的LongListSelector控件，它比默认的ListBox具有更好的UI和数据虚拟化支持
- 检查低调的图像加载器，如果你绑定你的图像到web url (http://blogs.msdn.com/b/delay/archive/2010/09/02/keep-a-low-profile-lowprofileimageloader-helps-the-windows-phone-7-ui-thread-stay-responsive-by-loading-images-in-the-background.aspx)。
- 在app .示例.cs中启用"EnableRedrawRegions"调试指示器。检查在切换枢轴项目时是否没有导致区域重画的情况(由屏幕上快速闪烁不同颜色的部分表示)。如果有的话，可以考虑使用BitMapCache。
- 如果你的异步进程正在下载一个很长的列表，考虑在后台线程上分解列表，只将它们以小块的形式分发给UI线程，每个块之间有一点延迟。
一种常见的情况是，尽管你完全在一个单独的线程上加载数据，但在加载完成后，有很多UI工作要将项绑定到ListBox。
我以前在网上发现的一个解决方案(我实际上失去了链接的轨迹)是一个接一个地将项目添加到你的ObservableCollection(在你的情况下是searchcoral)，并有一点延迟(假设50毫秒)。(而不是批量添加)。
为此，您可以将数据源存储在内存中，并使用DispatcherTimer每50ms运行一次，并逐个添加条目到search珊瑚。
这解决了我的问题，我希望它能帮助你。