带文本框的连接线，绑定问题

Question

我想画一条线，当我双击它时，我想在上面放置一个文本。我正在考虑将其放入内容控件中并画一条线，在顶部放置一个折叠的文本框，检测双击，显示文本框将其设置为文本块等。我遇到的唯一问题是我不知道该怎么办设置线条的坐标，因为它位于内容控件内部，因此会绘制实际的线条。我已经被困了几个小时，任何帮助将不胜感激。

基本上我需要一个具有起点和终点属性的对象，该对象具有线条的形状和内容呈现器。但我不知道该怎么做。任何指示将不胜感激。

Answer 1

我们也用同样的方法来标记我们的联系。如果您通过路径绘制连接，则可以使用

LineGeometry.GetPointAtFractionLength(0.5, out midPoint, out tangetMidPoint);

这种方式，您将在几何图形上拥有中心位置。现在您可以将其存储到用于定位标签的依赖属性中。当然，每次形状/几何形状改变其位置或大小时都必须调用它。

结合此控件的一个小示例。

public class LabeledLine : ContentControl
{
    public static readonly DependencyProperty LabelPosition ...
    public static readonly DependencyProperty LineGeometry ...

    // call me everytime the LineGeometry gets changed.
    public void UpdatePath()
    {

        LineGeometry.GetPointAtFractionLength(0.5, out midPoint, out tangetMidPoint);
        LabelPosition = midPoint;
    }
}

您的 ControlTemplate 看起来像这样

<ControlTemplate TargetType="{x:Type local:LabeledLine}">
    <Canvas x:Name="canvas">
        <Path Data="{TemplateBinding LineGeometry}"/>
        <TextBox Canvas.Left="{TemplateBinding LabelPosition.X}" Canvas.Top="{TemplateBinding LabelPosition.Y}"/>
    </Canvas>
<ControlTemplate/>

现在要添加 ContentControl 功能，您可以添加 ContentPresenter 来代替 TextBox。

基本上我需要一个具有起点和终点属性的对象
具有线的形状

为此，只需为您的 2 个位置添加 2 个 dp 属性。确保添加依赖属性更改处理程序以调用 UpdatePath 方法。