强制枢轴项目在显示之前预加载

Question

我有一个包含多个 PivotItem 的 Pivot，其中一个包含一个 canvas，它将其项目放置在动态位置（取决于数据）。我得到了数据，我可以在用户选择该项目之前将这些项目放在它们的位置（这不是第一个枢轴）。但是，只有当我 select PivotItem 时，canvas 才会呈现自身，因此您可以看到它在显示之前闪烁。

有没有办法强制 canvas 在显示之前呈现，以便在用户看到它时一切准备就绪？

我的代码看起来像这样：

在page.xaml.cs中：

private async void GameCenterView_OnDataContextChanged(object sender, EventArgs e)
{
    // Load data...

    // Handle other pivots

    // This is the problem pivot
    if (ViewModel.CurrentGame.SportTypeId == 1)
    {
        _hasLineups = ViewModel.CurrentGame.HasLineups.GetValueOrDefault();
        HasFieldPositions = ViewModel.CurrentGame.HasFieldPositions.GetValueOrDefault();

        // I only add the pivot when I need it, otherwise, it won't be shown
        if (_hasLineups)
        {
            if (MainPivot.Items != null) MainPivot.Items.Add(LineupPivotItem);
        }

        if (HasFieldPositions)
        {
            // Here I place all the items in their proper place on the canvas
            ArrangeLineup(ViewModel.TeamOneLineup, TeamOneCanvas);
            ArrangeLineup(ViewModel.TeamTwoLineup, TeamTwoCanvas);
        }
    }

    // Handle other pivots
}

private void ArrangeLineup(ObservableCollection<PlayerInLineupViewModel> teamLineup, RationalCanvas canvas)
{
    if (teamLineup == null)
        return;

    foreach (var player in teamLineup)
    {
        var control = new ContentControl
        {
            Content = player,
            ContentTemplate = LinupPlayerInFieldDataTemplate
        };
        control.SetValue(RationalCanvas.RationalTopProperty, player.Player.FieldPositionLine);
        control.SetValue(RationalCanvas.RationalLeftProperty, player.Player.FieldPositionSide);

        canvas.Children.Add(control);
    }
}

canvas 不是股票 canvas。我创建了一个新的 canvas，它根据项目的相对位置显示项目（我得到的位置范围为 0-99）。

逻辑发生在 OverrideArrange 方法中：

protected override Size ArrangeOverride(Size finalSize)
{
    if (finalSize.Height == 0 || finalSize.Width == 0)
    {
        return base.ArrangeOverride(finalSize);
    }

    var yRatio = finalSize.Height/100.0;
    var xRatio = finalSize.Width/100.0;

    foreach (var child in Children)
    {
        var top = (double) child.GetValue(TopProperty);
        var left = (double) child.GetValue(LeftProperty);

        if (top > 0 || left > 0)
            continue;

        var rationalTop = (int) child.GetValue(RationalTopProperty);
        var rationalLeft = (int) child.GetValue(RationalLeftProperty);

        if (InvertY)
            rationalTop = 100 - rationalTop;

        if (InvertX)
            rationalLeft = 100 - rationalLeft;

        child.SetValue(TopProperty, rationalTop*yRatio);
        child.SetValue(LeftProperty, rationalLeft*xRatio);
    }

    return base.ArrangeOverride(finalSize);
}

谢谢。

Answer 1

您可以尝试多种技巧。例如：

在您的 ArrangeOverride 中，如果自上次执行以来大小没有改变（并且数据相同），您可以将逻辑短路
确保您正在收听 Pivot 上的活动，告诉您准备好进行演示 - 例如 PivotItemLoading
您可以让控件实际上不是 Pivot 的一部分，而是位于父容器中（例如 Grid），并且 Opacity 为零。然后当目标 PivotItem 进入视野时将其设置为 100。

强制枢轴项目在显示之前预加载

Force pivot item to preload before it's shown

c#

windows-runtime

winrt-xaml

windows-phone-8.1