1

Делаю свою панель. Мне нужно обрабатывать событие добавления элемента. Если элемент первый, то он должен расположиться по центру. Проблема в том в момент добавления элемента this.ActualWidth и this.ActualHeight равны 0, но мне ж нужно как-то высчитать центр панели чтобы расположить элемент. Подскажите что я неверно делаю?

     public class MyPanel : Panel
      {
        protected override Size MeasureOverride(Size availableSize)
        {
            Size size = new Size(double.PositiveInfinity, double.PositiveInfinity);
            foreach (UIElement element in base.InternalChildren)
                element.Measure(size);
            return new Size();
        }

        protected override Size ArrangeOverride(Size finalSize)
        {
            foreach (UIElement element in base.InternalChildren)
            {
                double x = 0;
                double y = 0;
                double left = Canvas.GetLeft(element);
                if (!Double.IsNaN(left))
                    x = left;
                double top = Canvas.GetTop(element);
                if (!Double.IsNaN(top))
                    y = top;
                element.Arrange(new Rect(new Point(x, y), element.DesiredSize));
            }

            return finalSize;
        }
            protected override void OnVisualChildrenChanged(DependencyObject visualAdded, DependencyObject visualRemoved)
            {
                if (visualAdded != null)
                {
                    if (this.Children.Count == 1)
                    {                   
                        var control = visualAdded as FrameworkElement;
                        if (control != null)
                        {
                            double x = this.ActualWidth / 2 - control.ActualWidth / 2;
                            double y = this.ActualHeight / 2 - control.ActualHeight / 2;
                            control.Arrange(new Rect(new Point(x,y), control.DesiredSize));
                        }
                    }
                }
                if (visualRemoved != null)
                {
                    // Do stuff with the removed object
                }

                base.OnVisualChildrenChanged(visualAdded, visualRemoved);
            }
        }
12
  • Вам нужно по идее перегрузить MeasureOverride и ArrangeOverride, а OnVisualChildrenChanged может быть и вовсе не нужно.
    – VladD
    Commented 29 июл. 2016 в 7:33
  • @VladD, Я совсем не понимаю как их нужно использовать. И как тогда обрабатывать добавление нового контрола?
    – Lightness
    Commented 29 июл. 2016 в 7:52
  • По идее, они автоматически должны вызываться при добавлении контрола.
    – VladD
    Commented 29 июл. 2016 в 7:53
  • У вас MeasureOverride неправильный, он говорит, что размер у вас нулевой. Вот вам и дают 0 места.
    – VladD
    Commented 29 июл. 2016 в 7:54
  • @VladD, Да, так и происходит, они вызываются сразу после добавления новго контрола. Но как мне в ArrangeOverride отследить какой контрол был добавлен последним?
    – Lightness
    Commented 29 июл. 2016 в 7:56

1 ответ 1

2

Вот простой вариант, от которого можно начинать работу:

class MyPanel : Panel
{
    protected override Size MeasureOverride(Size availableSize)
    {
        var childAvailableSize = new Size(availableSize.Width, double.PositiveInfinity);
        Size desiredSize = new Size();

        foreach (UIElement child in InternalChildren)
        {
            if (child == null)
                continue;
            child.Measure(childAvailableSize);
            Size childDesiredSize = child.DesiredSize;
            desiredSize.Width = Math.Max(desiredSize.Width, childDesiredSize.Width);
            desiredSize.Height += childDesiredSize.Height;
        }

        return desiredSize;
    }

    protected override Size ArrangeOverride(Size finalSize)
    {
        bool first = true;
        bool addAbove = false;
        double MinH = finalSize.Height / 2, MaxH = MinH;
        foreach (UIElement child in InternalChildren)
        {
            if (child == null)
                continue;
            var childDesiredSize = child.DesiredSize;
            Point childPos;
            if (first)
            {
                double halfHeight = childDesiredSize.Height / 2;
                childPos = new Point(0, MinH - halfHeight);
                MinH -= halfHeight;
                MaxH += halfHeight;
            }
            else if (addAbove)
            {
                childPos = new Point(0, MinH - childDesiredSize.Height);
                MinH -= childDesiredSize.Height;
            }
            else
            {
                childPos = new Point(0, MaxH);
                MaxH += childDesiredSize.Height;
            }
            Rect childRect = new Rect(childPos, childDesiredSize);
            child.Arrange(childRect);
            addAbove = !addAbove;
            first = false;
        }

        return finalSize;
    }
}

С вот таким XAML'ом:

<local:MyPanel Background="Ivory" Height="300">
    <Border Height="30" Width="30" Background="Yellow"/>
    <Border Height="40" Width="40" Background="DarkGreen"/>
    <Border Height="50" Width="200" Background="BlueViolet"/>
    <Border Height="40" Width="10" Background="Red"/>
    <Border Height="20" Width="80" Background="DarkGray"/>
</local:MyPanel>

выдаёт такую картинку:

гистограмма!

Вам нужно ещё задать порядок на child-элементах (судя по всему, лучше через attached property, как Grid), и сортировать по нему.

1
  • Спасибо! Буду пробовать.
    – Lightness
    Commented 29 июл. 2016 в 10:42

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.