WPF: как привязать строки к элементам пользовательского интерфейса? - PullRequest
Новая
       18

WPF: как привязать строки к элементам пользовательского интерфейса?

2 голосов
/ 15 февраля 2011

Я использую этот метод для привязки Линии к центру двух 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:enter image description here

Как мне этого добиться?

Ответы [ 2 ]

3 голосов
/ 15 февраля 2011

Вы могли бы:

  1. Используйте IValueConverter, который принимает ограничивающий прямоугольник элемента вида, и параметр конвертера, чтобы указать сторону для вычисления центра. 

    public enum MidpointSide { None, Left, Top, Right, Bottom }

public class MidpointConverter : IValueConverter
{
    private bool returnY;
    public MidpointConverter(bool returnY)
    {
        this.returnY = returnY;
    }

    public object Convert(object value, Type targetType,
        object parameter, CultureInfo culture)
    {
        var scatter = value as ScatterViewItem;
        var side = (MidpointSide)parameter;
        var center = scatter.ActualCenter;
        var halfW = scatter.ActualWidth / 2.0;
        var halfH = scatter.ActualHeight / 2.0;

        Point point = null;
        switch (side)
        {
        case MidpointSide.Left:
            point = new Point(center.X - halfW, center.Y);
            break;
        case MidpointSide.Top:
            point = new Point(center.X, center.Y - halfH);
            break;
        case MidpointSide.Right:
            point = new Point(center.X + halfW, center.Y);
            break;
        case MidpointSide.Bottom:
            point = new Point(center.X, center.Y + halfH);
            break;
        default:
            return null;
        }

        return this.returnY ? point.Y : point.X;
    }

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

    Конвертер, который вы бы использовали: 

    var x = new MidpointConverter(false), y = MidpointConverter(true);

BindingOperations.SetBinding(line, Line.X1Property,
    new Binding { Source = origin, Converter = x, ConverterParameter = MidpointSide.Bottom });
BindingOperations.SetBinding(line, Line.Y1Property,
    new Binding { Source = origin, Converter = y, ConverterParameter = MidpointSide.Bottom });

// Definitely more heavyweight than just changing the `ZIndex`
// You run into the problem that you can't bind the 'start' and 'end'
// of a line, only X1/Y1 and X2/Y2 making this converter involved

  2. Сохраните те же самые привязки ActualCenter, но сделайте ZIndex линии ниже линии прямоугольников. Использование этого подхода, скорее всего, избавит вас от необходимости определять, движется ли один ScatterViewItem таким образом, что необходимо изменить сторону, используемую в преобразователе.

1 голос
/ 16 февраля 2011 
  BindingOperations.SetBinding(line, Line.X1Property, new Binding { Source = origin, Path = new PropertyPath("ActualCenter.X"),Converter=converter });

есть ли причина, по которой это не сработает для установки конвертера?

...