1

我有一个 ListBox 数据绑定到 ObservableCollection 并且有一个复杂的 ItemContainerStyle （带有图像、进度条和文本）

当我尝试在其 CollectionView 上应用过滤器时，集合中有大约 200 个项目，UI 将冻结 2-3 秒。这仅在 ListBox 的高度不固定（即允许增长）时发生。当 ListBox 高度设置为一个值时，它是即时的，例如 500

<Style x:Key="CollectionStyle" TargetType="{x:Type ListBoxItem}">
        <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate>
                <Border x:Name="Bd" VerticalAlignment="Center" BorderBrush="Transparent" BorderThickness="1" CornerRadius="3.5" Margin="2" Padding="2">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="50"/>
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>
                        <Image Grid.Column="0" Source="{Binding Path=ListIcon}" Width="32" Margin="5,5,0,5" VerticalAlignment="Center" />
                        <Grid Grid.Column="1">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>

                            <StackPanel Orientation="Horizontal" Margin="10,0">
                                <TextBlock Text="{Binding Path=Name}" HorizontalAlignment="Stretch" VerticalAlignment="Center" Style="{StaticResource TextFontStyleTextBlock}" FontSize="14" TextTrimming="CharacterEllipsis" />
                                <TextBlock HorizontalAlignment="Stretch" VerticalAlignment="Center" Text="{Binding Path=Time,UpdateSourceTrigger=PropertyChanged,Mode=OneWay}" Style="{StaticResource LabelFontStyleTextBlock}"  TextTrimming="CharacterEllipsis" FontSize="12" Margin="5,0,0,0"/>
                            </StackPanel>

                            <ProgressBar Grid.Row="1" Height="10" HorizontalAlignment="Stretch" VerticalAlignment="Bottom" Margin="10,0,10,0" Value="{Binding Percentage, Mode=OneWay, Converter={StaticResource doubleToProgress}}">
                                <ProgressBar.Foreground>
                                    <MultiBinding Converter="{StaticResource ProgressBarColorConverter}">
                                        <Binding Mode="OneWay" Path="Percentage" />
                                        <Binding Mode="OneWay" Path="IsStatic" />
                                    </MultiBinding>
                                </ProgressBar.Foreground>
                            </ProgressBar>

                            <StackPanel Orientation="Horizontal" Grid.Row="2" Margin="10,0,10,0">
                                <Image VerticalAlignment="Center" Visibility="{Binding IsStatic, Converter={StaticResource CollapsedIfFalse}, Mode=OneWay, FallbackValue=Collapsed}" Source="/Common;component/Images/alert.ico" Margin="2,2,2,2"
                                                    RenderOptions.BitmapScalingMode="HighQuality"
                                                   RenderOptions.EdgeMode="Aliased" />
                                <TextBlock HorizontalAlignment="Stretch" VerticalAlignment="Center" Text="{Binding Path=Description,Mode=OneWay}" Foreground="Gray" TextTrimming="CharacterEllipsis" FontSize="11"/>
                            </StackPanel>
                        </Grid>
                    </Grid>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
<ListBox Grid.Row="0" x:Name="items" ItemsSource="{Binding Path=MyCollection}"
                                 ItemContainerStyle="{StaticResource CollectionStyle}"   />

有没有办法解决这种冻结？在 ListBox 上具有固定高度不是可接受的结果，因为它会导致垂直滚动条出现在已经具有垂直滚动条的控件中

4

1 回答 1

1

在 ListBox 上具有固定高度不是可接受的结果，因为它会导致垂直滚动条出现在已经具有垂直滚动条的控件中

这在我看来很可疑。当 的直接父面板ListBox is not Grid或DockPanel（其最后一个子面板是ListBoxwith LastChildFill=true）时，列表框失去其虚拟化和滚动。由于虚拟化丢失，列表框取消虚拟化所有行，同时挂起 UI 线程。

您是否ListBox包裹在某种滚动查看器中？可悲的是，如果是这种情况，您将不得不跳过滚动查看器或将固定大小应用于ListBox.

如果您希望列表框auto-occupy保留容器的剩余空间，请通过某些转换器对父面板的实际高度 ptoperty 进行一些绑定，并“计算”Height该转换器中列表框所需的“计算”。这样，它看起来就像 ListBox 占据了所有空间，但实际上是通过绑定以某个固定高度应用的。

但这根据情况可能会很棘手！

于 2011-11-02T09:10:06.170 回答