优化枢轴控制 windows phone 8

Question

案例一：

我有一个带有 3 个枢轴项的枢轴控件，一旦第一次获得焦点，每个枢轴项都将填充数据（来自服务器）。

现在，当我从其他页面导航回此数据透视页面时，会产生很多延迟。如何优化它并减少延迟？即使我在导航回此页面时也无法显示 ProgressBar。

案例 2：

我有一个包含更多项目的 ListView，比如 150，在选择项目时，我需要显示所选项目的详细描述，并且它应该是可滑动的，以便用户可以在同一描述页面中看到下一条记录。

现在，我正在使用 Pivot Page 并将项目绑定到 ItemsSource 属性，并且在导航到 Pivot Page 和从 Pivot Page 导航时会产生更多延迟（10 秒）。

如何摆脱这种延迟？

帮帮我。谢谢。

Answer 1

使用LongListSelector (WP8) 或ListView (WP8.1) 作为第一页上的项目持有人。它具有 UI 虚拟化，因此无论页面上有多少项目，只会呈现屏幕上的项目。它必须解决您的case 1 延迟。如果没有 - 问题出在第 2 页的破坏中。

您的详细信息屏幕方法是完全错误的。 Pivot 是为其他目的而创建的，不建议在里面存放超过 5 件物品。

所以你需要：

1. 创建显示一项的页面并将DataContext绑定到LayoutRoot
2. 将ManipulationCompleted 事件处理程序添加到LayoutRoot 并检查是否有滑动位置
3. 更新DataContext 到上一个或下一个项目。这将更新屏幕上显示的数据
4. 当这可行时，创建动画以平滑当前页面向左和向右的过渡：
   • 当用户在手机上移动手指时 - 将页面左右移动到相同的偏移量
   • 当用户离开手指时 - 调用动画完成滑动
   • 动画完成后（页面超出屏幕），更新 DataContext 并调用动画从屏幕的另一侧带来新项目

这将复制 Pivot 的行为，但不会消耗不可见项目的内存

UPD：

第 4 步实施：

private void LayoutRoot_ManipulationDelta(object sender, System.Windows.Input.ManipulationDeltaEventArgs e)
{
    (LayoutRoot.RenderTransform as CompositeTransform).TranslateX += e.DeltaManipulation.Translation.X;
}

private void LayoutRoot_ManipulationCompleted(object sender, System.Windows.Input.ManipulationCompletedEventArgs e)
{
    if (e.TotalManipulation.Translation.X + e.FinalVelocities.LinearVelocity.X < -100)
    {
        if (current < Count - 1)
        {
            //slide to next item
            current++;
        }
        else
        {
            //no next item - slide back
        }
    }
    else if (e.TotalManipulation.Translation.X + e.FinalVelocities.LinearVelocity.X > 100)
    {
        if (current > 0)
        {
            // slide to prev item

            current--;
        }
        else
        {
            // no prev item - slide back
        }
    }
    else
    {
        // no swipe - slide back
    }
}