对齐 StackPanel 中的元素

Question

我有一个堆栈面板，其中有一个几何按钮、文本块和两个平面按钮。尽管我已经给每个元素单独的水平对齐，但它们似乎都是从我的左侧堆叠起来的...我希望我的几何按钮和文本块与堆栈面板的左侧对齐，而平面按钮与堆栈面板的右侧对齐。截至目前，它们都按照各自的顺序从左侧开始排列为什么 XAML 没有识别出我的对齐方式？我能做点什么吗？感谢你的帮助这是我的代码<StackPanel Grid.Row="2" Orientation="Horizontal" Margin="0,10,0,0">                <GeometryButton    Command="{}"                                    Geometry="{StaticResource {}"                                   ToolTip="{}"                                   HorizontalAlignment="Left"/>                <TextBlock                               Text="{}"                               Style="{}"                              Margin="0,10,10,10"                              Foreground="Black"                              HorizontalAlignment="Left"/>                <FlatButton Command="{}"                               Content="{}"                                Style="{}"                               VerticalAlignment="Center"                                HorizontalContentAlignment="Center"                               IsDefault="True"                               Margin="0"                               MinWidth="80"                               HorizontalAlignment="Right"                               />                <FlatButton Command="{}"                               Content="{}"                                Style="{}"                               VerticalAlignment="Center"                               HorizontalContentAlignment="Center"                               MinWidth="80"                               Margin="10,0,0,0"                               HorizontalAlignment="Right"                               />            </StackPanel>

Answer 1

如果您的预期输出是这样的：

 --------------------------------------

| [Geo Button]                         |

| [Text Block]                         |

|                         [Flat Button]|

|                         [Flat Button]|

 --------------------------------------

然后你需要Orientation将Vertical改为Horizontal。

但是，如果您想要这样：

 --------------------------------------

| [Geo Button]            [Flat Button]|

| [Text Block]            [Flat Button]|

 --------------------------------------

它是：

更改 的 ，Margin同时Flat Button仍然使用上面的代码（我个人不推荐这样做）；或者

使用Grid或DockPanel，尝试在此处查找代码和更多说明

我部分地实现了您的预期输出：

<Grid Height="100" Background="Red">

    <Grid.ColumnDefinitions>

        <ColumnDefinition Width="*"/>

        <ColumnDefinition Width="*"/>

    </Grid.ColumnDefinitions>

    <StackPanel Orientation="Horizontal" Grid.Column="0">

        //...

    </StackPanel>

    <StackPanel Orientation="Horizontal" Grid.Column="1" HorizontalAlignment="Right">

        //...

    </StackPanel>

</Grid>

部分地，因为我没有FlatButton和 的资源Geo Button，所以我只使用了常规的Button。请注意，您需要将VerticalAlignment属性设置为Centerfor <TextBlock>。