WPF：如何将线条绑定到 UI 元素？

Question

我使用此方法将一条 Line 绑定到两个 ScatterViewItems 的中心：

private void BindLineToScatterViewItems(Shape line, ScatterViewItem origin, ScatterViewItem destination)
        {
            // Bind line.(X1,Y1) to origin.ActualCenter
            BindingOperations.SetBinding(line, Line.X1Property, new Binding { Source = origin, Path = new PropertyPath("ActualCenter.X") });
            BindingOperations.SetBinding(line, Line.Y1Property, new Binding { Source = origin, Path = new PropertyPath("ActualCenter.Y") });

            // Bind line.(X2,Y2) to destination.ActualCenter
            BindingOperations.SetBinding(line, Line.X2Property, new Binding { Source = destination, Path = new PropertyPath("ActualCenter.X") });
            BindingOperations.SetBinding(line, Line.Y2Property, new Binding { Source = destination, Path = new PropertyPath("ActualCenter.Y") });
        }

但现在我想将其从一个 ScatterViewItem 的底部绑定到另一个 ScatterViewItem 的顶部：

我怎样才能实现这一目标？

Answer 1

您可以：

1. 使用一个 IValueConverter 来获取视图项的边界矩形和一个转换器参数来指定计算中心的一侧。

   public enum MidpointSide { None, Left, Top, Right, Bottom }
   
   公共类 MidpointConverter ：IValueConverter
   {
       私有布尔返回Y；
       公共 MidpointConverter(bool returnY)
       {
           this.returnY = returnY;
       }
   
       公共对象转换（对象值，类型targetType，
           对象参数、CultureInfo 文化）
       {
           var scatter = 值作为 ScatterViewItem;
           var side = (MidpointSide)参数；
           var center = scatter.ActualCenter;
           var halfW = scatter.ActualWidth / 2.0;
           var halfH = scatter.ActualHeight / 2.0;
   
           点点=空；
           开关（侧面）
           {
           案例中点侧.左：
               点 = 新点(center.X - halfW, center.Y);
               休息;
           案例中点侧.顶部：
               点 = 新点(center.X, center.Y - halfH);
               休息;
           案例中点侧.右：
               点 = 新点(center.X + halfW, center.Y);
               休息;
           案例中点侧.底部：
               点 = 新点(中心.X, 中心.Y + halfH);
               休息;
           默认：
               返回空值；
           }
   
           返回这个.returnY ?点.Y : 点.X;
       }
   
       公共对象ConvertBack（对象值，类型targetType，
           对象参数、CultureInfo 文化）
       {
           抛出新的NotImplementedException（）；
       }
   }
   

   您将使用的转换器是：

   var x = new MidpointConverter(false), y = MidpointConverter(true);
   
   BindingOperations.SetBinding(line, Line.X1Property,
       新的 Binding { Source = origin, Converter = x, ConverterParameter = MidpointSide.Bottom });
   BindingOperations.SetBinding(line, Line.Y1Property,
       新的 Binding { Source = origin, Converter = y, ConverterParameter = MidpointSide.Bottom });
   
   // 绝对比仅仅改变 `ZIndex` 更重要
   // 你遇到了无法绑定'start'和'end'的问题
   // 一行中，只有 X1/Y1 和 X2/Y2 使此转换器参与其中
   

2. 保留相同的ActualCenter绑定，但将该行的ZIndex设置在矩形的下面。使用这种方法可能会让您不必检测一个 ScatterViewItem 的移动方式是否需要更改转换器中使用的一侧。

Answer 2

  BindingOperations.SetBinding(line, Line.X1Property, new Binding { Source = origin, Path = new PropertyPath("ActualCenter.X"),Converter=converter });

有什么原因无法设置转换器吗？