性能问题 - DataTemplate 和 DataBinding - 第一次加载

Question

这是我的用户界面图：

我在顶部有一个元素列表（clickme1 和 clickme2）。这个元素中的每一个都会在 MyList 中包含一些我想在列表框的 customElement 中显示的信息。

默认情况下单击 Clickme1。当我单击 Clickme2 时，列表框需要 2-3 秒才能通过 Clickme2 的信息更新 CustomElements。当我再次切换时，它会立即更新，因此问题仅在第一次单击时可见。 CustomElement 对 Clickme 元素（图像和文本）有很多不同的绑定。

这是我的代码：

public ObservableCollection<CustomClass> MyList { get; set; }


<ListBox x:Name="MyListBox"
    ScrollViewer.HorizontalScrollBarVisibility="Visible" ScrollViewer.VerticalScrollBarVisibility="Visible" 
    ItemsSource="{Binding MyList}">
        <ListBox.ItemTemplate>
                <DataTemplate>
                        <local:CustomElement x:Name="MyCustomElement"/>
                </DataTemplate>
        </ListBox.ItemTemplate>
        <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                        <WrapPanel Orientation="Horizontal"/>
                </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
        <ListBox.ItemContainerStyle>
                <Style TargetType="{x:Type ListBoxItem}">
                    <Setter Property="OverridesDefaultStyle" Value="true" />
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="ListBoxItem">
                                <Border x:Name="Border" BorderBrush="Transparent" Background="Black">
                                    <ContentPresenter />
                                </Border>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </ListBox.ItemContainerStyle>
</ListBox>

我尝试使用 VirtualizingStackPanel 而不是 WrapPanel，但没有任何改进。

有什么帮助吗？

Answer 1

当您重新填充集合时，您是否分配了一个新的 ObservableCollection？还是在现有的基础上工作？

您应该“离线”填充您的集合，然后绑定它。或 Google 获取支持“批量插入”的 ObservableCollection 衍生产品。标准的 ObservableCollection 将为每个插入发送一个 UI 更新。

错误：

MyList.Clear();
MyList.Add(...);

右：

ObservableCollection<CustomClass> coll = new ...
coll.Add(...);
MyList = coll;