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>