异步加载 TabItem

Question

是否可以异步加载tabitems？ 就我而言，我有一个包含一些 tabitems 的选项卡控件。 当用户点击一个 tabitem 时，应用程序会冻结一小段时间，以加载 tabitem。

现在我想改变它。当用户点击一个 tabitem 时，会显示一个动画，并且当 tabitem 完全加载后，会显示这个 tabitem。

谁有想法？

Answer 1

这取决于加载时间长。

如果数据导致暂停，则异步加载数据并在数据加载时显示占位符。数据加载完成后，您可以将其更改为您的实际内容。

这是一个例子，

<ContentControl>
    <ContentControl.Style>
        <Style TargetType="{x:Type ContentControl}">
            <Setter Property="ContentTemplate" Value="{StaticResource TabContentTemplate}" />
            <Style.Triggers>
                <DataTrigger Binding="{Binding IsLoading}" Value="True">
                    <Setter Property="ContentTemplate" Value="{StaticResource LoadingTemplate}" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ContentControl.Style>
</ContentControl>

您的 RelayCommand 更改 SelectedItem 的位置可能如下所示：

void ChangeTab(ITabViewModel newTab)
{
    // Set loading flag and set tab as Selected
    newTab.IsLoading = true;
    SelectedTab = newTab;

    // Create async task
    var asyncTask = new Task(() => newTab.LoadData());

    // This runs after task is finished running
    asyncTask.ContinueWith(p => newTab.IsLoading = false));

    // Start async task
    asyncTask.Start();
}

如果是您的 UI 需要一段时间来加载，那么用户可能只需要在第一次加载选项卡时处理初始加载时间，但是您可以通过 @987654321 在切换到已加载的选项卡时停止延迟@。

WPF 的TabControl 的默认行为是在您切换到不同的选项卡时卸载TabItem，并在您返回时重新加载它。此解决方法存储已加载选项卡的ContentPresenter，并在切换回时重新加载保存的选项卡而不是加载新选项卡。

在大多数情况下，UI 延迟是由屏幕上的大量 UI 元素引起的。尝试减少选项卡上的元素数量。例如，Labels 包含的元素多于 TextBlocks，因此除非您需要特定于标签的功能（如选择），否则请尝试使用 Labels 而不是 TextBlocks