按钮内的网格不会水平拉伸

Question

考虑到以下标记，我原以为人字形会一直延伸到按钮的右侧，但事实并非如此 - 相反，堆栈面板和人字形在按钮的中间紧密结合在一起按钮。

<Button Background="Teal" HorizontalAlignment="Stretch">
    <Grid HorizontalAlignment="Stretch">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"></ColumnDefinition>
            <ColumnDefinition Width="Auto"></ColumnDefinition>
        </Grid.ColumnDefinitions>

        <StackPanel HorizontalAlignment="Stretch"
                    Grid.Column="0">
            <TextBlock HorizontalAlignment="Center"
                       TextAlignment="Center"
                       FontSize="60">Click!</TextBlock>
            <TextBlock HorizontalAlignment="Stretch"
                       TextAlignment="Center"
                       FontSize="20">Cool things will happen</TextBlock>
        </StackPanel>
        <TextBlock Grid.Column="1"
                   FontSize="60"
                   FontFamily="Segoe UI Symbol">
            &#xe013; <!-- unicode for chevron right in this font -->
        </TextBlock>
    </Grid>
</Button>

Answer 1

您可以尝试将按钮的HorizontalContentAlignment设置为Stretch。