DataGridRow animation WPF 为 CellsPanelHorizontalOffset 提供错误

Question

我的 DataGridRow 有一个 animation，当添加新行时，它会将其从左侧滑入视图。 一切正常，但在绑定错误中，我看到了一个错误。 animation代码添加到LoadingRow事件：

 var sb = new Storyboard();
 var slideAnimation = new ThicknessAnimation()
 {
     From = new Thickness(-dgData.ActualWidth, 0, dgData.ActualWidth, 0),
     To = new Thickness(0),
     Duration = new System.Windows.Duration(TimeSpan.FromSeconds(1)),
 };
 Storyboard.SetTargetProperty(slideAnimation, new PropertyPath("Margin"));
 sb.Children.Add(slideAnimation);
 sb.Begin(e.Row);

错误是：

 DataGridControl, Name='dgData' CellsPanelHorizontalOffset  Button.Width Double Value '-58.32884999999999' (type Double) cannot be assigned to property Button.Width (type Double).         

每次添加新行时都会出现一堆这样的错误。 如何解决这个问题？

Answer 1

经过一番挖掘，我发现了为什么弹出绑定错误。 DataGrid.ItemsPanel的内部结构，它是DataGridCellsPanel的模板。 绑定并计算按钮的宽度 (CellsPanelHorizontalOffset)。

您可以在文件 DataGridCellsPanel.cs 的第 1983 行找到源代码。https://referencesource.microsoft.com/#PresentationFramework/src/Framework/System/Windows/Controls/DataGridCellsPanel.cs

如果 Grid.Row 大小不正确， DataGridCellsPanel将计算负值的宽度。 这导致绑定错误：

System.Windows.Data Error: 5 : 
Value produced by BindingExpression is not valid for target property. Double:'-92.3575' 
BindingExpression:Path=CellsPanelHorizontalOffset; DataItem='DataGrid' (Name='dgData');
target element is 'Button' (Name=''); target property is 'Width' (type 'Double')

这是 WPF 中的数千个内部错误之一，我建议使用不同的方法，然后对 Row 进行否定。 例如你可以使用Scale.X

<DataGrid.Resources>
    <Storyboard x:Key="s_Slide">
        <DoubleAnimation From="0" To="1" Duration="0:0:1"
                            Storyboard.TargetProperty="LayoutTransform.ScaleX"/>                    
    </Storyboard>
                
    <Style TargetType="{x:Type DataGridRow}">
        <Setter Property="LayoutTransform">
            <Setter.Value>
                <ScaleTransform/>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <EventTrigger RoutedEvent="Loaded">
                <BeginStoryboard Storyboard="{StaticResource s_Slide}"/>
            </EventTrigger>
        </Style.Triggers>
    </Style>
</DataGrid.Resources>