自动调整按钮子元素作为按钮更改大小

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>