WPF时间线组件新增项初始位置异常，需缩放/平移/再增项才归位的问题求助

各位大佬好，我正在开发一个支持缩放、滚动的WPF时间线组件，核心逻辑是绑定ObservableCollection作为ItemsSource，通过ItemsControl嵌套Canvas来承载各个时间块。但遇到了一个很棘手的问题：每次往集合里新增项时，新的时间块都会默认出现在Canvas的左上角，只有当我执行缩放、滚动操作，或者再新增一个项之后，它才会跳到正确的位置。

我怀疑是布局时机的问题——我用来定位时间块的函数可能在WPF完成新项的容器布局之前就执行了，导致没法正确设置位置参数。以下是我的关键代码：

XAML结构 #

<ScrollViewer x:Name="PART_Scroll" HorizontalScrollBarVisibility="Visible" VerticalScrollBarVisibility="Disabled">
    <StackPanel HorizontalAlignment="Left" Orientation="Vertical" 
                PreviewMouseDown="OnPreviewMouseDown" PreviewMouseMove="OnPreviewMouseMove"
                PreviewMouseUp="OnPreviewMouseUp" PreviewMouseWheel="OnPreviewMouseWheel">
        <Canvas x:Name="TicksCanvas" Height="28" Background="White" />
        <Canvas x:Name="BlocksSurface" Height="120" Background="LightGray">
            <ItemsControl x:Name="PART_Items" ItemTemplate="{StaticResource BlockTemplate}"
                          ItemsSource="{Binding RelativeSource={RelativeSource AncestorType=UserControl}, Path=ItemsSource}">
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <Canvas />
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
            </ItemsControl>
        </Canvas>
    </StackPanel>
</ScrollViewer>

定位时间块的方法 #

// 新增项后调用此方法来定位所有时间块
private void PositionBlocks()
{
    // 提前判断避免空引用
    if (PART_Items == null || ItemsSource == null) return;

    // 尝试强制更新布局，确保容器已生成
    PART_Items.UpdateLayout();

    foreach (var item in ItemsSource)
    {
        var container = (FrameworkElement)PART_Items.ItemContainerGenerator.ContainerFromItem(item);
        // 问题就在这里：刚新增的项，container会是null
        if (container is null) continue;

        if (item is TimelineBlock b)
        {
            var left = XOf(b.Start);
            var width = Math.Max(1.0, (b.End - b.Start).Ticks * PixelsPerTick);
            Canvas.SetLeft(container, left);
            Canvas.SetTop(container, 12); // 时间块的基线行高
            container.Width = width;
            container.Height = 24;
        }
    }
}

我排查时发现，刚新增项就调用PositionBlocks时，ItemContainerGenerator.ContainerFromItem(item)返回的容器对象是null，所以根本没法设置它的位置和宽高。虽然加了UpdateLayout()，但似乎没等到新项的容器完全生成就执行了循环。

目前我试了几种思路，但还没找到最完美的解决方案：

• 用Dispatcher推迟PositionBlocks的执行，让布局先完成：

  Application.Current.Dispatcher.BeginInvoke(DispatcherPriority.Render, new Action(PositionBlocks));
  

  这个方法暂时能解决问题，但感觉有点“hack”，不是最优雅的方式。
• 监听ItemContainerGenerator.StatusChanged事件，等到容器生成完成后再调用定位：

  PART_Items.ItemContainerGenerator.StatusChanged += (s, e) =>
  {
      if (PART_Items.ItemContainerGenerator.Status == GeneratorStatus.ContainersGenerated)
      {
          PositionBlocks();
      }
  };
  

  但这个会触发多次，可能导致重复计算。
• 考虑把位置计算逻辑绑定到TimelineBlock的属性上，通过INotifyPropertyChanged自动更新UI，而不是手动调用定位方法。

有没有大佬遇到过类似的问题？或者有更合理的解决方案可以指点一下？

内容来源于stack exchange