Как центрировать 2 элемента в горизонтальной панели стека

Question

У меня есть стековая панель с фиксированной шириной.

Внутри панели стека у меня есть два горизонтально выровненных элемента: текстовый блок и текстовое поле.

Можно ли выровнять эти два элемента, например, они появляются бок о бок, но центрируются внутри панели стека?

Вот мой код до сих пор:

<StackPanel Orientation="Horizontal" Width="17cm"> 
    <TextBlock Text="Invoice Nr:"/> 
    <TextBox Width="2cm" /> 
</StackPanel> 

Answer 1

Вы могли бы поставить два элемента управления в другой контейнер, а затем центрировать этот контейнер горизонтально. Что-то вроде этого:

<StackPanel Orientation="Horizontal" Width="17cm"> 
    <StackPanel HorizontalAlignment="Center"> 
     <TextBlock Text="Invoice Nr:"/> 
     <TextBox Width="2cm" /> 
    </StackPanel> 
</StackPanel> 

Answer 2

С StackPanel будет трудно достичь, но с гридом это может быть сделано путем установки HorizontalAlignment и Grid.Column на детях, как ниже:

<Grid Width="17cm" > 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition/> 
     <ColumnDefinition/> 
    </Grid.ColumnDefinitions> 
    <TextBlock HorizontalAlignment="Right" Text="Invoice Nr:"/> 
    <TextBox Grid.Column="1" HorizontalAlignment="Left" Width="2cm" /> 

</Grid>