在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

代替StackPanel，您可以将Grid与列定义一起使用。例如：

<Grid>
<Grid.ColumnDefinitions>
    <ColumnDefinition Width="Auto"/>
    <ColumnDefinition Width="Auto"/>
    <ColumnDefinition Width="*"/>
    <ColumnDefinition Width="Auto"/>
    <ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

<Button   
    Grid.Column="0"
    Margin="8"
    VerticalAlignment="Center"
    Content="Button1"/>

<TextBlock 
    Grid.Column="1"
    Margin="8"
    Text="TextBlock" 
    Style="{Binding}"
    Foreground="Black"
    VerticalAlignment="Center"/>


<Button 
    Grid.Column="3"
    Margin="8"
    Content="Button2" 
    VerticalAlignment="Center"/>

<Button 
    Grid.Column="4"
    Margin="8"
    Content="Button3" 
    VerticalAlignment="Center"/>
</Grid>

输出：