Sejajarkan item dalam panel tumpukan?

Saya bertanya-tanya apakah saya dapat memiliki 2 kontrol di StackPanel yang berorientasi horisontal sehingga item yang tepat harus merapat ke sisi kanan StackPanel.

Saya mencoba yang berikut tetapi tidak berhasil:

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

Dalam cuplikan di atas, saya ingin Tombol merapat ke sisi kanan StackPanel.

Catatan: Saya perlu melakukannya dengan StackPanel, bukan Grid, dll.

Anda dapat mencapai ini dengan DockPanel:

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

Perbedaannya adalah bahwa a StackPanelakan mengatur elemen anak menjadi satu garis (baik vertikal atau horizontal) sedangkan a DockPanelmenentukan area di mana Anda dapat mengatur elemen anak baik secara horizontal atau vertikal, relatif satu sama lain ( Dockproperti mengubah posisi elemen relatif terhadap yang lain) elemen dalam wadah yang sama. Properti perataan, seperti HorizontalAlignment, mengubah posisi elemen relatif terhadap elemen induknya).

Memperbarui

Seperti yang ditunjukkan dalam komentar Anda juga dapat menggunakan FlowDirectionproperti a StackPanel. Lihat jawaban @ D_Bester .

Yo dapat mengatur FlowDirectiondari Stack panelke RightToLeft, dan kemudian semua item akan disesuaikan ke sisi kanan.

Bagi mereka yang tersandung pada pertanyaan ini, berikut adalah cara untuk mencapai tata letak ini dengan sebuah Grid:

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

menciptakan

Server:                                                                   http://127.0.0.1

Tidak bisa menjalankan ini menggunakan DockPanel seperti yang saya inginkan dan membalikkan arah aliran StackPanel menyusahkan. Menggunakan kisi bukan merupakan pilihan karena item di dalamnya dapat disembunyikan saat runtime dan karenanya saya tidak tahu jumlah kolom pada waktu desain. Solusi terbaik dan paling sederhana yang bisa saya buat adalah:

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

Ini akan menghasilkan kontrol di dalam StackPanel yang disejajarkan ke sisi kanan ruang yang tersedia terlepas dari jumlah kontrol - baik pada desain dan runtime. Yay! :)

Ini bekerja dengan baik untuk saya. Cukup taruh tombol terlebih dahulu sejak Anda mulai di sebelah kanan. Jika FlowDirection menjadi masalah, tambahkan saja StackPanel di sekitarnya dan tentukan FlowDirection = "LeftToRight" untuk bagian itu. Atau cukup tentukan FlowDirection = "LeftToRight" untuk kontrol yang relevan.

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

untuk windows 10 gunakan relativePanel, bukan stack panel, dan gunakan

relativepanel.alignrightwithpanel = "true"

untuk elemen yang terkandung.

Jika Anda mengalami masalah seperti yang saya alami di mana label dipusatkan di panel tumpukan vertikal saya, pastikan Anda menggunakan kontrol lebar penuh. Hapus properti Width, atau letakkan tombol Anda di wadah lebar penuh yang memungkinkan penyelarasan internal. WPF adalah tentang menggunakan wadah untuk mengontrol tata letak.

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

StackPanel Vertikal dengan Label Kiri diikuti oleh Tombol Kanan

Saya harap ini membantu.

Mungkin bukan yang Anda inginkan jika Anda perlu menghindari nilai ukuran hard-coding, tapi kadang-kadang saya menggunakan "shim" (Pemisah) untuk ini:

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