Авторазмер кнопки дочерних элементов при изменении размера кнопки

Question

У меня есть несколько кнопок в сетке, которые все меняют размер в зависимости от размера приложения. Некоторые кнопки имеют дочерние элементы, такие как эллипс или прямоугольник. Я не могу заставить их изменить размер.

Вот код:

<Grid DockPanel.Dock="Right" Width="121">
        <Grid.RowDefinitions>
            <RowDefinition Height="121*" />
            <RowDefinition Height="121*" />
            // Snip
        </Grid.RowDefinitions>
        <Button Name="ellipseButton" PreviewMouseDown="EllipseButtonClickedEvent" HorizontalAlignment="Stretch" Grid.Row="0">
            <Ellipse Width="90" Height="90" Stroke="Black"></Ellipse>
        </Button>
       // Snip
    </Grid>

Я знаю, что высота и ширина эллипса заданы явно, но когда я их удаляю, мне кажется, что эллипс вообще не отображается.

Буду признателен за любой совет.

Спасибо.

Answer 1

Просто установите для свойств HorizontalContentAlignment и VerticalContentAlignment кнопки значение Stretch:

<Button Name="ellipseButton" PreviewMouseDown="EllipseButtonClickedEvent" HorizontalAlignment="Stretch" Grid.Row="0"
        HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" >
   <Ellipse Stroke="Black" />
</Button>