WPF: jak zrobić (0,0) w środku wewnątrz płótna

Nie ma potrzeby tworzenia własnego panelu.Płótno wystarczy. Po prostu zawiń ją wewnątrz innej kontrolki( takiej jak obramowanie), wyśrodkuj ją, nadaj jej zerowy rozmiar i odwróć ją za pomocą RenderTransform:

<Border>
  <Canvas HorizontalAlignment="Center" VerticalAlignment="Center"
          Width="0" Height="0"
          RenderTransform="1 0 0 -1 0 0">
    ...
  </Canvas>
</Border>

Możesz to zrobić i wszystko w obszarze roboczym nadal będzie wyświetlane, z wyjątkiem (0,0) będzie w środku kontrolki zawierającej (w tym przypadku w środku granicy) i +Y będzie w górę zamiast w dół.

Ponownie, nie ma potrzeby tworzenia niestandardowego panel do tego.

To było bardzo łatwe do zrobienia. Spojrzałem na oryginalny kod Canvasa używając. NET Reflector i zauważyłem, że implementacja jest naprawdę bardzo prosta. Jedyną rzeczą wymaganą było nadpisanie funkcji ArrangeOverride(...)

public class CartesianCanvas : Canvas
{
    public CartesianCanvas()
    {
        LayoutTransform = new ScaleTransform() { ScaleX = 1, ScaleY = -1 };
    }
    protected override Size ArrangeOverride( Size arrangeSize )
    {
        Point middle = new Point( arrangeSize.Width / 2, arrangeSize.Height / 2 );

        foreach( UIElement element in base.InternalChildren )
        {
            if( element == null )
            {
                continue;
            }
            double x = 0.0;
            double y = 0.0;
            double left = GetLeft( element );
            if( !double.IsNaN( left ) )
            {
                x = left;
            }

            double top = GetTop( element );
            if( !double.IsNaN( top ) )
            {
                y = top;
            }

            element.Arrange( new Rect( new Point( middle.X + x, middle.Y + y ), element.DesiredSize ) );
        }
        return arrangeSize;
    }
}

Możesz po prostu zmienić pochodzenie za pomocą RenderTransformOrigin.

    <Canvas Width="Auto" Height="Auto"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            RenderTransformOrigin="0.5,0.5">
        <Canvas.RenderTransform>
            <TransformGroup>
                <ScaleTransform ScaleY="-1" ScaleX="1" />
            </TransformGroup>
        </Canvas.RenderTransform>
    </Canvas>