如何拉伸网格或画布以填充按钮的内容？

Question

让我们说在这样的例子中，我希望Grid用红色填充整个Button。

<Button Margin="2">
    <Grid x:Name="adGrid" Background="Red">                             
        <StackPanel>                                    
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding ActualWidth, ElementName=adGrid}"></TextBlock>
                <TextBlock Text="x"></TextBlock>
                <TextBlock Text="{Binding ActualHeight, ElementName=adGrid}"></TextBlock>
            </StackPanel>
        </StackPanel>
    </Grid>
</Button>

我最终得到了这个：

Answer 1

此处的问题是Grid未覆盖整个Button。如果您希望整个Button为red，请将background的{​​{1}}颜色设置为红色，或将button拉伸至grid的其余部分}}

要么

button

或

<Button Margin="2" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch">