5

我有一个ListBox可以使用的样式RadioButtons，并且更改它SelectedItem也会更改其下方UserControl显示的ContentControl内容。该应用程序如下所示：

应用程序样机

<ListBox ItemsSource="{Binding AvailableViewModels}"
         SelectedItem="{Binding SelectedViewModel}"
         Style="{StaticResource RadioButtonListBoxStyle}" />

<ContentControl Content="{Binding SelectedViewModel}" />

我的问题是UserControls每个都包含一个自定义的 Grid 控件（Telerik's RadGridView），由于它包含的数据量，它在加载时有明显的延迟。

我在 Grid 加载后ItemsSource的事件中设置绑定，Loaded以防止 UI 在 Grid 加载时锁定，但是无论我如何尝试运行它，RadioButtons 仍然反映加载时的延迟，这给人一种冻结的错觉用户界面

加载时单选按钮的屏幕截图

我尝试使用尽可能低的DispatcherPriority来设置绑定，但似乎没有什么不同。

XAML：

<telerik:RadGridView x:Name="MyGrid" Loaded="MyGrid_Loaded" Unloaded="MyGrid_Unloaded">
     <!--....-->
</telerik:RadGridView>

C＃：

private void MyGrid_Loaded(object sender, RoutedEventArgs e)
{
    this.Dispatcher.BeginInvoke(DispatcherPriority.SystemIdle,
        new Action(delegate()
    {
        BindingOperations.SetBinding(
            MyGrid,
            RadGridView.ItemsSourceProperty,
            new Binding("ViewModelProperty")
        );
    }));
}

private void MyGrid_Unloaded(object sender, RoutedEventArgs e)
{
    MyGrid.ItemsSource = null;
}

应该注意的是，第一次UserControl加载时，它加载得很好，RadioButton选择立即改变，几秒钟后加载网格。它只是从 a 切换UserControl并再次返回会导致RadioButtons在被选中时暂停。

有没有人知道是什么导致 UI 在切换视图时出现冻结，或者如何解决？

编辑

我创建了一个小问题的复制品，发现它只在我RadioButtons用于我的ListBox物品时才会发生。使用常规ListBox不会导致选择行为的相同延迟。

XAML：

<Window.Resources>

    <!-- Need two separate DataTemplates -->
    <DataTemplate DataType="{x:Type local:Test}">
        <StackPanel>
            <TextBlock Text="Test" />
            <TextBlock Margin="10" Loaded="TextBlock_Loaded" />
            <TextBlock Text="Test" />
        </StackPanel>
    </DataTemplate>

    <DataTemplate DataType="{x:Type local:Test2}">
        <StackPanel>
            <TextBlock Text="Abc" />
            <TextBlock  Margin="10" Loaded="TextBlock_Loaded" />
            <TextBlock Text="Abc" />
        </StackPanel>
    </DataTemplate>

    <Style x:Key="RadioButtonListBoxStyle" TargetType="{x:Type ListBox}">
        <Setter Property="BorderBrush" Value="Transparent"/>
        <Setter Property="KeyboardNavigation.DirectionalNavigation" Value="Cycle" />
        <Setter Property="ItemsPanel">
            <Setter.Value>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Horizontal" />
                </ItemsPanelTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="ItemContainerStyle">
            <Setter.Value>
                <Style TargetType="{x:Type ListBoxItem}" >
                    <Setter Property="Margin" Value="2, 2, 12, 2" />
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate>
                                <Border Background="Transparent">
                                    <RadioButton
                                            Content="{TemplateBinding ContentPresenter.Content}" VerticalAlignment="Center"
                                            ContentTemplate="{Binding RelativeSource={RelativeSource AncestorType={x:Type ListBox}}, Path=ItemTemplate}"
                                            IsChecked="{Binding Path=IsSelected,RelativeSource={RelativeSource TemplatedParent},Mode=TwoWay}"/>
                                </Border>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </Setter.Value>
        </Setter>
    </Style>

</Window.Resources>

<StackPanel>
    <ListBox x:Name="TestListBox"
             ItemsSource="{Binding Test}"
             Style="{StaticResource RadioButtonListBoxStyle}">

        <ListBox.ItemTemplate>
            <DataTemplate>
                <TextBlock Text="Option" />
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

    <ContentControl Content="{Binding ElementName=TestListBox, Path=SelectedItem}" />
</StackPanel>

C＃：

private void TextBlock_Loaded(object sender, RoutedEventArgs e)
{
    this.Dispatcher.BeginInvoke(DispatcherPriority.ContextIdle,
        new Action(delegate()
        {
            System.Threading.Thread.Sleep(1000);
            ((TextBlock)sender).Text = "Delay Loaded Test";
        }));
}

Test只是一个ObservableCollection<ITest>，它同时包含Test和Test2对象。延迟仅在两个不同对象之间切换时发生，因为DataTemplate绘制了新对象而不是重新使用现有对象DataTemplate。

4

1 回答 1

4

使用调度程序和一些低优先级的问题是无法真正保证您的代码何时执行。您希望确保在 UI 更新后执行运行缓慢的代码。A 可以想出一个非常黑客的方法来做到这一点......

DispatcherTimer timer = new DispatcherTimer();
timer.Interval = Timespan.FromMilliseconds(100);
timer.Tick += (s, e2) =>
{
  // update your binding
  BindingOperations.SetBinding(
        MyGrid,
        RadGridView.ItemsSourceProperty,
        new Binding("ViewModelProperty")
    );

  timer.Stop();
};
timer.Start();

上面创建了一个在 100 毫秒后执行的单个“滴答”计时器。

于 2012-08-21T12:54:06.930 回答