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

Question

鉴于以下标记，我原本希望V形图标一直到按钮的右边，但它没有 - 相反，堆叠面板和V形按钮在按钮中间紧密相连。

<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。