Выравнивание элементов изменилось при использовании стековой панели вместо док-панели - PullRequest
Новая
       110

Выравнивание элементов изменилось при использовании стековой панели вместо док-панели

0 голосов
/ 22 февраля 2020

Я работаю над реализацией, в которой я хочу отобразить некоторые элементы в окне, как показано ниже 

---------------------
|                   |
|                   |   
|                   |
|                   |
|                   |
|                   |
|                   |
| xx xx       xx xx |
|--------------------

Прикрепленный снимок scrrenn также показывает то же самое. Однако мне нужно как-то реализовать это, используя панель стека вместо панели док-станции

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

Вот сс того, как это должно выглядеть enter image description here

это то, как это выглядит на панели стека enter image description here

ниже мой код, кто-нибудь может мне помочь с этим? 

<Grid>

        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <StackPanel Grid.Row="2" Margin="0,10,0,0">
            <StackPanel HorizontalAlignment="Left" Orientation="Horizontal">

                <TextBlock>  Text01  </TextBlock>

                <TextBlock>  Text02  </TextBlock>


            </StackPanel>

            <StackPanel HorizontalAlignment="Right" Orientation="Horizontal" >

                <TextBlock>  Text03  </TextBlock>

                <TextBlock>  Text04  </TextBlock>


            </StackPanel>
        </StackPanel>

    </Grid>

1 Ответ

1 голос
/ 22 февраля 2020

Нет причин заставлять StackPanel делать то, что он не поддерживает. Попробуйте Grid: 

<Grid Grid.Row="2" Margin="0,10,0,0">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="Auto"/>
    </Grid.ColumnDefinitions>

    <TextBlock Grid.Column="0" Text="Text 01"/>
    <TextBlock Grid.Column="1" Text="Text 02"/>

    <TextBlock Grid.Column="3" Text="Text 03"/>
    <TextBlock Grid.Column="4" Text="Text 04"/>
</Grid>
...