WPF Canvas имеет систему координат, начинающуюся с точки (0,0) в верхнем левом углу элемента управления.
Например, если задать следующее, мой элемент управления появится в верхнем левом углу:
<Control Canvas.Left="0" Canvas.Top="0">
Как мне изменить его на стандартные декартовы координаты?
В основном:
Я заметил этот пост похож, но в нем не говорится о переводе системы координат. Я пробовал добавить TranslateTransform, но не могу заставить его работать.
Лучше всего написать собственный Canvas, в котором вы можете написать ArrangeOverride таким образом, чтобы он принимал 0,0 в качестве центра.
Обновление: я дал еще один комментарий в ответе ниже (@decasteljau). Я не рекомендую заимствовать из Canvas. Вы можете получить из Panel и добавить два свойства Attached Dependancy Top и Left и поместить тот же код, который вы вставили выше. Также не нужен конструктор с LayoutTransform в нем. И не используйте какие-либо преобразования в коде панели, используйте правильную меру и упорядочение на основе DesiredSize панели, чтобы вы также могли получить хорошее поведение при изменении размера содержимого. Canvas не позиционирует элементы динамически при изменении размера Canvas.
Нет необходимости создавать настраиваемую панель. Canvas подойдет. Просто оберните его внутри другого элемента управления (например, границы), отцентрируйте, установите нулевой размер и переверните с помощью RenderTransform:
<Border>
<Canvas HorizontalAlignment="Center" VerticalAlignment="Center"
Width="0" Height="0"
RenderTransform="1 0 0 -1 0 0">
...
</Canvas>
</Border>
Вы можете сделать это, и все на холсте по-прежнему будет отображаться, за исключением того, что (0,0) будет в центре содержащего элемента управления (в данном случае в центре границы), а + Y будет вверху, а не вниз.
Опять же, для этого нет необходимости создавать настраиваемую панель.
Это было очень легко сделать. Я посмотрел на исходный код Canvas с помощью .NET Reflector и заметил, что реализация на самом деле очень проста. Единственное, что требовалось, - это переопределить функцию 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;
}
}
Вы можете просто изменить происхождение с помощью 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>
