WPF-Horizo​​ntalAlignment行为

Question

我正在尝试使用WPF，因此我创建了一些测试窗口以查看其运行情况，并且遇到了Horizo​​ntalAlignment属性所没有的某些行为。

首先，屏幕如下所示：

问题是，在标记网格的底部行中，我想使左侧的textBlock和CheckBox左对齐，中央的textBlock和DatePicker对齐中心，并与右侧对齐。 正如您在前面的图片中所看到的，这实际上并没有发生。

此网格行的XAML：

<StackPanel Grid.Row="2" Grid.ColumnSpan="2" Orientation="Horizontal">
        <TextBlock HorizontalAlignment="Left" Margin="10">Filter By Date</TextBlock>
        <CheckBox HorizontalAlignment="Left" Margin="2" Height="18" Width="13"></CheckBox>
        <TextBlock HorizontalAlignment="Center" Margin="10">Begin Date</TextBlock>
        <DatePicker HorizontalAlignment="Center" Margin="2"> </DatePicker>
        <TextBlock HorizontalAlignment="Right" Margin="10">End Date</TextBlock>
        <DatePicker HorizontalAlignment="Right" Margin="2"></DatePicker>
    </StackPanel>

我如何使它们更靠近边缘和中心，而不仅仅是像我想的那样自动堆叠面板的布局？

Answer 1

Horizo​​ntal StackPanel会忽略其子级的HorizontalAlignment ，但是您可以使用Grid ，将3个StackPanel左右，左右对齐：

<Grid Grid.Row="2" Grid.ColumnSpan="2">
    <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
        <TextBlock Margin="10">Filter By Date</TextBlock>
        <CheckBox Margin="2" Height="18" Width="13"></CheckBox>
    </StackPanel>
    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
        <TextBlock Margin="10">Begin Date</TextBlock>
        <DatePicker Margin="2"> </DatePicker>
    </StackPanel>
    <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
        <TextBlock Margin="10">End Date</TextBlock>
        <DatePicker Margin="2"></DatePicker>
    </StackPanel>
</Grid>