为什么 MultiBinding a TranslateTransform.X 在 WPF 中似乎不起作用？

Question

我希望我问这个问题不是愚蠢的，但我正在尝试在 WPF 中设计一个图形查看器，作为框架中的一个完全的新手；尽管我确实针对我的问题提出了一些解决方案，但我最引以为傲的一个……却没有发挥应有的作用。我想做的是将一个节点放置在 ItemsControl 上我用 Dijkstra 的 alg + 一些数学计算出的位置。问题是，当使用正常的 X 和 Y 绑定时，我移动的是带有边框的 TextBlock 的左上角，但我想要操作的是它们的中心。因此，我的节点最终会从我指定的点开始向右下方移动，而不是以其为中心。

我最终决定使用 NodeViewModel 的 X/Y 属性和网格的 ActualWidth/Height 进行多重绑定。发生的情况是我的所有节点都被放置在(0,0)！我什至调试了代码并查看了转换器，但返回值似乎没问题。我什至尝试了一些随机的事情，例如绑定到其他属性等。

我完全感到困惑。

那么一个问题是——MultiBinding 是这样工作的吗？或者我犯了一些愚蠢的错误？我将在 XAML 代码下方发布我的转换器。 XAML 中删除的部分是工具提示和嵌入的 ItemsControl，但删除这些部分不会改变任何内容（除了提高代码的清晰度）。转换器中的铸造是因为直接铸造到浮动对我来说不起作用（但这无关紧要 - 即使它不是很漂亮，它也会按原样工作）。

另一个问题是 - 我可以用更简单的方式来做吗？喜欢直接操作 TextBlock 的中心吗？

XAML：

    <Grid>
        <ItemsControl ItemsSource="{Binding Source={StaticResource Nodes}, Path=Nodes}">
            <ItemsControl.ItemTemplate>
                <DataTemplate DataType="vievModels:NodeViewModel">
                    <Grid>
                        <Grid x:Name="nodeGrid">
                            <Grid.RenderTransform>
                                <TranslateTransform>
                                    <TranslateTransform.X>
                                        <MultiBinding Converter="{StaticResource PositionConverter}">
                                            <Binding Path="Position.X"/>
                                            <Binding ElementName="nodeGrid" Path="ActualWidth"/>
                                        </MultiBinding>
                                    </TranslateTransform.X>
                                    <TranslateTransform.Y>
                                        <MultiBinding Converter="{StaticResource PositionConverter}">
                                            <Binding Path="Position.Y"/>
                                            <Binding ElementName="nodeGrid" Path="ActualHeight"/>
                                        </MultiBinding>
                                    </TranslateTransform.Y>
                                </TranslateTransform>
                            </Grid.RenderTransform>
                            <Border BorderBrush="Black" BorderThickness="2" CornerRadius="7">
                                <Border.Background>
                                    <SolidColorBrush Color="{Binding Color}" Opacity="0.5"/>
                                </Border.Background>
                                <TextBlock x:Name="Label" Margin="5,5,5,5" MaxWidth="160" TextAlignment="Center" TextWrapping="Wrap" FontFamily="Lucida Console" VerticalAlignment="Center" HorizontalAlignment="Center" Text="{Binding Path=Label}"/>
                            </Border>
...
                        </Grid>
...
                    </Grid>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <Canvas Background="Transparent"/>
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
        </ItemsControl>
    </Grid>

C#：

public class PositionConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        float point = float.Parse(values[0].ToString());
        float size = float.Parse(values[1].ToString());
        return point - size / 2;

    }
    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

干杯， 迈克尔

Answer 1

正如我所想 - 一个愚蠢的错误。转换后的属性具有双精度，并且不能为其分配浮点数。我必须学习如何打开调试输出才能看到这一点。

Answer 2

如果您在网格上设置 RenderTransformOrigin=".5,.5"，它应该与原始值的绑定一起使用。