基于参考点的 WPF 文本块翻译

Question

请检查所附图片。我通过 RenderTransformOrigin="0.5,0.5" 将文本块原点设置为它的中心。现在我想根据参考点移动文本块。可能是 (0,0 ) 或 (10,10) 或......这些是绝对点。例如，在 (0,0) 的情况下，文本块应根据其参考点移动到绝对 (0,0)。我知道如何通过 TranslateTransform 进行相对移动，但这种情况下我需要绝对变换。

Answer 1

也许你需要这个

void MoveToPoint(UIElement sender, Point point)
{
    Canvas.SetLeft(sender, point.X - sender.RenderTransformOrigin.X * sender.ActualWidth);
    Canvas.SetTop(sender, point.Y - sender.RenderTransformOrigin.Y * sender.ActualHeight);
}

到 Xaml（模式 MVVM）： 您需要编写转换器，并且对于属性 Canvas.Left 和 Canvas.Top 使用绑定。代码比以前多了。

示例转换器（示例 6）http://www.codeproject.com/Articles/29054/WPF-Data-Binding-Part

在转换器中需要发送 2 个参数 sender.RenderTransformOrigin.X 和 ActualWidth。

观看带有一些参数的转换器（俄语）-http://habrahabr.ru/post/141107/

Answer 2

文本块应该移动到绝对 (0,0)

我假设“绝对”是指“相对于 MainWindow”。我认为相对于另一个元素的坐标没有内置的渲染转换。但是，您始终可以为X 和Y 使用绑定——我想它必须是一个MultiBinding 才能让您将a）MainWindow，b）TextBlock 转换为对应于的“相对”偏移量MainWindow 中的绝对坐标。

XAML 应该是这样的（例如，仅此处的 X 坐标）。您可以在ConverterParameter 中指定目标“绝对”点：

<TextBlock Text="TextBlock" RenderTransformOrigin="0.5,0.5">
    <TextBlock.RenderTransform>
        <TranslateTransform>
            <TranslateTransform.X>
                <MultiBinding>
                    <MultiBinding.ConverterParameter>
                        <Point X="10" Y="10" />
                    </MultiBinding.ConverterParameter>
                    <MultiBinding.Converter>
                        <converters:TranslateConverter />
                    </MultiBinding.Converter>
                    <Binding RelativeSource="{RelativeSource AncestorType=Window}" />
                    <Binding RelativeSource="{RelativeSource AncestorType=TextBlock}" />
                </MultiBinding>
            </TranslateTransform.X>
        </TranslateTransform>
    </TextBlock.RenderTransform>
</TextBlock>

“TranslateConverter”是您将参考（窗口）和目标（TextBlock）转换为相对偏移的地方。使用TransformToVisual将TextBlock的坐标转换为Window的坐标。

public class TranslateConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        var window = values[0] as Window;
        var textblock = values[1] as TextBlock;
        Point absolutePoint = (parameter as Point?) ?? new Point(0, 0);

        // convert the target point from the Window's coordinates to the TextBlock's coordinates
        var generalTransform = window.TransformToVisual(textblock);
        Point offset = generalTransform.Transform(absolutePoint);

        // get the position of the RenderTransform origin in the TextBlock's coordinates
        Point relativePoint = textblock.RenderTransformOrigin;
        double reference = relativePoint.X * textblock.ActualWidth;

        // the relative offset of the 2 values above will move the TextBlock's origin to an "absolute" position
        return offset.X - reference;
    }

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

以上仅对 X 进行转换，但您可以通过为每个坐标使用单独的转换器类将其扩展为同时执行 X 和 Y。

---

关于上述内容的一点说明：转换只会在加载时运行一次。如果 TextBlock 正在四处移动，并且您需要不断地执行转换，那么您可能需要发挥创造力。 :)