在 Silverlight 页面之间导航时在 MainFrame 上显示 IsBusy 指示器

Question

我正在使用 Silverlight 4 导航框架，并且有些页面需要一些时间才能加载（通常绑定到大量数据）。

我在MainFrame上放置了一个IsBusy SL Toolkit控件，当您单击导航到另一个页面时，我想将其设置为Busy，并在其他页面加载完成时将其设置为NotBusy。

为了保持简单并首先让它工作，我排除了 MVVM 并仅使用代码隐藏调用，但我的 IsBusy 控件从未出现。我认为这是一个 UI 线程问题，但我需要一些帮助。

编辑：在一个简单的页面上，IsBusy 控件会出现，但只有在加载请求的页面后才会出现（然后它会被关闭，因此您永远不会看到它）。我需要调用页面来调用父框架上的 IsBusy 控件并在尝试加载下一页之前显示它...

这是我的 MainFrame 页面上的 XAML：

   <Grid x:Name="LayoutRoot">
        <navigation:Frame
            x:Name="ContentFrame"... NavigationFailed="ContentFrame_NavigationFailed">
            <navigation:Frame.UriMapper>
                   ...
            </navigation:Frame.UriMapper>
        </navigation:Frame>

        <telerik:RadBusyIndicator
            x:Name="busyIndicator"
            BusyContent="Please wait..." />
    </Grid>

这是导航到另一个页面上的代码页面：

    private void workorderButton_Click(object sender, RoutedEventArgs e)
    {
        ((MainPage) App.GetApp.RootVisual).busyIndicator.IsBusy = true;
        NavigationService.Navigate(new Uri("WorkOrderView", UriKind.Relative));
    }

然后在目标页面：

    public WorkOrderView()
    {
        InitializeComponent();

        ((MainPage)App.GetApp.RootVisual).busyIndicator.IsBusy = false;
    }

我尝试了很多不同的选项，但指示器从未显示。我尝试将其包装在一些线程代码中，然后它显示出来，但引发了无效的跨线程异常。

我使用此代码（同一页面上的按钮）测试了 XAML，它工作正常（显示和隐藏）：

    private void btnIsBusy_Click(object sender, RoutedEventArgs e)
    {
        ((MainPage)App.GetApp.RootVisual).busyIndicator.IsBusy = true;
        ThreadPool.QueueUserWorkItem((state) =>
        {
            Thread.Sleep(3 * 1000);
            Dispatcher.BeginInvoke(() => ((MainPage)App.GetApp.RootVisual).busyIndicator.IsBusy = false);
        });
    }

我确信这与 UI 线程有关...任何帮助表示赞赏！

谢谢

Answer 1

我建议您查看 Silverlight 4 中引入的 INavigationContentLoader 接口，它为您提供了一个很好的位置来连接导航系统并像这样“全局”（跨所有导航）执行操作。

请参阅 David Poll 的博客文章，了解如何做与此非常相似的事情：http://www.davidpoll.com/2010/02/01/on-demand-loading-of-assemblies-with-silverlight-navigation -revisited-for-silverlight-4-beta/

他碰巧正在做一些比您需要的更复杂的事情（从远程 XAP 加载页面），但是看看他使用 BusyIndi​​cator 控件所做的事情，希望它是公平的很容易看到如何剥离和使用那部分（他提供了他所有东西的源代码，所以你可以根据自己的喜好挖掘）。

如果这看起来比您的项目所需的工作量更多，那么您可以完成它的另一种方法是挂钩 Frame.Naviged 和 Frame.Navigating - 创建一个托管 Frame 的控件上的布尔属性，在 Frame.Navigating 中将其设置为 true，并在 Frame.Naviged 中将其设置回 false，并使用数据绑定将该布尔属性绑定到您的 IsBusy 控件。