Wyrównać elementy w panelu stosu?

Zastanawiałem się, czy mogę mieć 2 kontrolki w poziomym panelu StackPanel, tak aby właściwy element był zadokowany po prawej stronie StackPanel.

Próbowałem następujących rzeczy, ale nie zadziałało:

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

W powyższym fragmencie chcę, aby przycisk był zadokowany po prawej stronie StackPanel.

Uwaga: muszę to zrobić za pomocą StackPanel, a nie Grid itp.

Możesz to osiągnąć dzięki DockPanel:

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

Różnica polega na tym, że a StackPanelspowoduje ułożenie elementów podrzędnych w jednej linii (w pionie lub w poziomie), podczas gdy a DockPaneldefiniuje obszar, w którym można układać elementy potomne w poziomie lub w pionie względem siebie ( Dockwłaściwość zmienia położenie elementu względem siebie elementy w tym samym kontenerze. Właściwości wyrównania, takie jak HorizontalAlignmentzmiana pozycji elementu względem jego elementu nadrzędnego).

Aktualizacja

Jak wskazano w komentarzach, możesz również użyć FlowDirectionwłaściwości a StackPanel. Zobacz @ D_Bester za odpowiedź .

Yo można ustawić FlowDirectionod Stack paneldo RightToLeft, a następnie wszystkie elementy zostaną wyrównane do prawej strony.

Dla tych, którzy natkną się na to pytanie, oto jak osiągnąć ten układ za pomocą Grid:

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

tworzy

Server:                                                                   http://127.0.0.1

Nie mogłem tego uruchomić przy użyciu DockPanel w taki sposób, w jaki chciałem, a odwrócenie kierunku przepływu StackPanel jest kłopotliwe. Korzystanie z siatki nie jest opcją, ponieważ elementy w niej zawarte mogą być ukryte w czasie wykonywania, a zatem nie znam całkowitej liczby kolumn w czasie projektowania. Najlepsze i najprostsze rozwiązanie jakie mogłem wymyślić to:

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

Spowoduje to wyrównanie formantów wewnątrz StackPanel do prawej strony dostępnego miejsca, niezależnie od liczby kontrolek - zarówno podczas projektowania, jak i wykonywania. Yay! :)

U mnie to działa idealnie. Po prostu umieść przycisk jako pierwszy, ponieważ zaczynasz po prawej stronie. Jeśli FlowDirection stanie się problemem, po prostu dodaj wokół niego StackPanel i określ FlowDirection = "LeftToRight" dla tej części. Lub po prostu określ FlowDirection = "LeftToRight" dla odpowiedniej kontrolki.

<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>

w systemie Windows 10 użyj panelu RelativePanel zamiast panelu stosu i użyj

Relativepanel.alignrightwithpanel = "true"

dla zawartych elementów.

Jeśli masz problem taki jak ten, który miałem, w którym etykiety były wyśrodkowane w moim panelu stosu pionowego, upewnij się, że używasz elementów sterujących pełną szerokością. Usuń właściwość Width lub umieść przycisk w kontenerze o pełnej szerokości, który umożliwia wewnętrzne wyrównanie. WPF polega na używaniu kontenerów do kontrolowania układu.

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

Vertical StackPanel z lewą etykietą, po której następuje prawy przycisk

Mam nadzieję, że to pomoże.

Może nie to, czego chcesz, jeśli chcesz uniknąć zakodowanych na stałe wartości rozmiaru, ale czasami używam do tego „podkładki” (separatora):

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