центр круга в квадрате

Question

у меня есть следующие элементы управления (которые я хочу поставить в шаблоне данных):

<Rectangle Width="20" Height="20" Stroke="Black"/> 
<Ellipse Width="15" Height="15" Stroke="Red" StrokeThickness="4"/> 

Я хотел круг, чтобы быть в центре точно в середине квадрата.

Кажется легким, но я просто не понимаю, как это сделать. Все, что я пытаюсь сделать, это немного.

Update:

Это моя последняя попытка, которая не работает:

<Grid> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="2"/> 
     <ColumnDefinition Width="Auto"/> 
     <ColumnDefinition Width="3"/> 
    </Grid.ColumnDefinitions> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="2"/> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="3"/> 
    </Grid.RowDefinitions> 
    <Rectangle Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3" Grid.RowSpan="3" Width="20" Height="20" Stroke="Black"/> 
    <Ellipse Grid.Row="1" Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center" Width="15" Height="15" Stroke="Red" StrokeThickness="3"/> 
</Grid> 

Это ближайший я могу получить.

Answer 1

Если у вас четная длина и форма нечетной длины, они никогда не могут быть идеально выровнены. Как 2-блок линия а и 3-единичная линия а, они всегда будут немного от:

--- 
-- 

Так я мог предположить, что делает их оба даже длинами, или оба нечетных длины?

<Grid> 
    <Rectangle Width="20" Height="20" Stroke="Black"/> 
    <Ellipse Width="16" Height="16" Stroke="Red" StrokeThickness="4"/> 
</Grid>