¿Alinear elementos en un panel de pila?

Me preguntaba si puedo tener 2 controles en un StackPanel orientado horizontalmente para que el elemento correcto deba acoplarse al lado derecho del StackPanel.

Intenté lo siguiente pero no funcionó:

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

En el fragmento de arriba, quiero que el botón esté acoplado al lado derecho del StackPanel.

Nota: Necesito que se haga con StackPanel, no con Grid, etc.

Puedes lograr esto con DockPanel:

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

La diferencia es que a StackPanelorganizará los elementos secundarios en una sola línea (ya sea vertical u horizontalmente) mientras que a DockPaneldefine un área donde puede organizar los elementos secundarios, ya sea horizontal o verticalmente, entre sí (la Dockpropiedad cambia la posición de un elemento en relación con otro elementos dentro del mismo contenedor Las propiedades de alineación, como HorizontalAlignment, cambian la posición de un elemento con respecto a su elemento padre).

Actualizar

Como se señaló en los comentarios, también puede usar la FlowDirectionpropiedad de a StackPanel. Ver la respuesta de @ D_Bester .

Puede configurar FlowDirectionde Stack panela RightToLeft, y luego todos los elementos se alinearán al lado derecho.

Para los que se tropiezan con esta pregunta, aquí está la forma de lograr este diseño con un Grid:

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

crea

Server:                                                                   http://127.0.0.1

No pude hacer que esto funcionara con un DockPanel de la manera que quería e invertir la dirección del flujo de un StackPanel es problemático. El uso de una cuadrícula no es una opción, ya que los elementos dentro de ella pueden estar ocultos en tiempo de ejecución y, por lo tanto, no sé el número total de columnas en tiempo de diseño. La mejor y más simple solución que se me ocurre es:

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

Esto dará como resultado que los controles dentro del StackPanel se alineen al lado derecho del espacio disponible, independientemente de la cantidad de controles, tanto en el diseño como en el tiempo de ejecución. ¡Hurra! :)

Esto funciona perfectamente para mi. Simplemente ponga el botón primero ya que está comenzando a la derecha. Si FlowDirection se convierte en un problema, simplemente agregue un StackPanel a su alrededor y especifique FlowDirection = "LeftToRight" para esa parte. O simplemente especifique FlowDirection = "LeftToRight" para el control 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 relativePanel en lugar de stack panel, y use

relativepanel.alignrightwithpanel = "true"

para los elementos contenidos.

Si tiene un problema como el que tenía donde las etiquetas estaban centradas en mi panel de pila vertical, asegúrese de usar controles de ancho completo. Elimine la propiedad Ancho o coloque el botón en un contenedor de ancho completo que permita la alineación interna. WPF se trata de usar contenedores para controlar el diseño.

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

StackPanel vertical con etiqueta izquierda seguida de botón derecho

Espero que esto ayude.

Tal vez no sea lo que desea si necesita evitar valores de tamaño de codificación rígida, pero a veces uso un "separador" para esto:

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