Alinhar itens em um painel de pilha?

Eu queria saber se posso ter 2 controles em um StackPanel orientado para horizontal, para que o item certo seja encaixado no lado direito do StackPanel.

Eu tentei o seguinte, mas não funcionou:

<StackPanel Orientation="Horizontal">
    <TextBlock>Left</TextBlock>
    <Button Width="30" HorizontalAlignment="Right">Right<Button>
</StackPanel>

No trecho de código acima, quero que o botão seja encaixado no lado direito do StackPanel.

Nota: Eu preciso que isso seja feito com o StackPanel, não com o Grid etc.

Você pode conseguir isso com um DockPanel:

<DockPanel Width="300">
    <TextBlock>Left</TextBlock>
    <Button HorizontalAlignment="Right">Right</Button>
</DockPanel>

A diferença é que a StackPanelorganizará elementos filho em uma única linha (vertical ou horizontal) enquanto a DockPaneldefine uma área na qual você pode organizar elementos filho horizontal ou verticalmente, um em relação ao outro (a Dockpropriedade altera a posição de um elemento em relação a outro elementos do mesmo contêiner.As propriedades de alinhamento, como, por exemplo HorizontalAlignment, alteram a posição de um elemento em relação ao elemento pai).

Atualizar

Como apontado nos comentários, você também pode usar a FlowDirectionpropriedade de a StackPanel. Veja a resposta de @ D_Bester .

Yo pode definir FlowDirectionde Stack panelque RightToLeft, em seguida, todos os itens serão alinhados para o lado direito.

Para aqueles que tropeçar em cima desta questão, aqui é a forma de alcançar esse layout com um Grid:

<Grid>
    <TextBlock Text="Server:"/>
    <TextBlock Text="http://127.0.0.1" HorizontalAlignment="Right"/>
</Grid>

cria

Server:                                                                   http://127.0.0.1

Não foi possível obter esse trabalho usando um DockPanel da maneira que eu queria e inverter a direção do fluxo de um StackPanel é problemático. Usar uma grade não é uma opção, pois os itens nela podem estar ocultos em tempo de execução e, portanto, não sei o número total de colunas em tempo de design. A melhor e mais simples solução que eu poderia encontrar é:

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="Auto" />
    </Grid.ColumnDefinitions>
    <StackPanel Grid.Column="1" Orientation="Horizontal">
        <!-- Right aligned controls go here -->
    </StackPanel>
</Grid>

Isso fará com que os controles dentro do StackPanel sejam alinhados ao lado direito do espaço disponível, independentemente do número de controles - tanto no design quanto no tempo de execução. Yay! :)

Isso funciona perfeitamente para mim. Basta colocar o botão primeiro, pois você está começando à direita. Se o FlowDirection se tornar um problema, adicione um StackPanel ao seu redor e especifique FlowDirection = "LeftToRight" para essa parte. Ou simplesmente especifique FlowDirection = "LeftToRight" para o controle relevante.

<StackPanel Orientation="Horizontal" HorizontalAlignment="Right" FlowDirection="RightToLeft">
    <Button Width="40" HorizontalAlignment="Right" Margin="3">Right</Button>
    <TextBlock Margin="5">Left</TextBlock>
    <StackPanel FlowDirection="LeftToRight">
        <my:DatePicker Height="24" Name="DatePicker1" Width="113" xmlns:my="http://schemas.microsoft.com/wpf/2008/toolkit" />    
    </StackPanel>
    <my:DatePicker FlowDirection="LeftToRight" Height="24" Name="DatePicker1" Width="113" xmlns:my="http://schemas.microsoft.com/wpf/2008/toolkit" />    
</StackPanel>

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <TextBlock Text="Left"  />
    <Button Width="30" Grid.Column="1" >Right</Button>
</Grid>

para Windows 10, use o relatedPanel em vez do painel de pilha e use

relativepanel.alignrightwithpanel = "true"

para os elementos contidos.

Se você estiver tendo um problema como o que eu tinha, onde as etiquetas estavam centralizadas no meu painel de pilha vertical, certifique-se de usar controles de largura total. Exclua a propriedade Width ou coloque seu botão em um contêiner de largura total que permita o alinhamento interno. O WPF é sobre o uso de contêineres para controlar o layout.

<StackPanel Orientation="Vertical">
    <TextBlock>Left</TextBlock>
    <DockPanel>
        <Button HorizontalAlignment="Right">Right</Button>
    </DockPanel>
</StackPanel>

StackPanel vertical com etiqueta esquerda seguida de botão direito

Eu espero que isso ajude.

Talvez não seja o que você deseja se precisar evitar valores de tamanho codificados, mas às vezes eu uso um "calço" (Separador) para isso:

<Separator Width="42"></Separator>