При изменении размера окна WPF, как управлять тем, что складывается первым

Question

Я создаю приложение WPF с большим количеством элементов управления. Требование, с которым я сталкиваюсь, состоит в том, чтобы контролировать, что складывается / разворачивается первым, когда пользователь изменяет размер окна (по ширине). Я пытаюсь выяснить, есть ли определенный способ, которым я должен расположить свои элементы управления, чтобы получить эту функциональность "бесплатно" - то есть не нужно подключаться к сообщениям WM_SIZE и WM_GETMINMAXINFO и обрабатывать это вручную - очень больно.

Вот простой пример:

<Window x:Class="DeleteMe.Window8"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window8" Height="150" Width="800">
<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="220" />
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>

    <StackPanel Orientation="Horizontal" Margin="5,0" HorizontalAlignment="Center" Grid.Column="0" >
        <Button Width="50" Height="50" Content="Btn1"/>
        <Button Width="50" Height="50" Content="Btn2"/>
        <Button Width="50" Height="50" Content="Btn3"/>
        <Button Width="50" Height="50" Content="Btn4"/>
    </StackPanel>

    <StackPanel Orientation="Horizontal" Grid.Column="1">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
        </Grid>
        <Rectangle HorizontalAlignment="Left" Width="1" Height="Auto" Fill="Gray"/>
        <Border Grid.Column="0" Margin="5" BorderThickness="1" HorizontalAlignment="Center" Background="Transparent" Height="100" Width="100">
            <Image Source="/heart_on.png"/>
        </Border>
        <Grid Grid.Column="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            <TextBlock Grid.Row="0" Margin="10,10,0,0" Text="TEXT1"/>
            <StackPanel Grid.Row="1" Margin="10,5,0,0" Orientation="Vertical" HorizontalAlignment="Left">
                <TextBlock HorizontalAlignment="Left" Text="TEXT2"/>
                <StackPanel HorizontalAlignment="Left" Orientation="Vertical" >
                    <StackPanel Orientation="Horizontal" Margin="0,2">
                        <TextBlock HorizontalAlignment="Left" Text="TEXT3:" />
                        <TextBlock Margin="2,0" HorizontalAlignment="Left" Text="TEXT4"/>
                    </StackPanel>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock HorizontalAlignment="Left" Text="TEXT5:" />
                        <TextBlock Margin="2,0" HorizontalAlignment="Left" Text="TEXT6"/>
                    </StackPanel>
                </StackPanel>
            </StackPanel>
            <Grid Grid.Row="2" >
                <StackPanel Orientation="Horizontal" >
                    <Grid Margin="7" Width="270" Height="20" VerticalAlignment="Top">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="Auto" />
                        </Grid.ColumnDefinitions>

                        <TextBlock VerticalAlignment="Center" Grid.Column="0" Margin="5,0" Text="0" />
                        <Slider Grid.Column="1" VerticalAlignment="Center" Width="Auto" Margin="5,0,5,0" Value="0" Minimum="0"/>
                        <TextBlock VerticalAlignment="Center" Grid.Column="2" Margin="5,0" Text="1" />
                    </Grid>
                </StackPanel>
            </Grid>                       
        </Grid>
    </StackPanel>

    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Grid.Column="2" Width="Auto">
        <TextBlock VerticalAlignment="Center">
                Some other controls in here ...
            </TextBlock>
    </StackPanel>

</Grid>

Точнее говоря, мне нужно, чтобы изображение сначала складывалось при уменьшении окна, затем часть "Некоторые другие элементы управления здесь ..." и вся часть ТЕКСТА должны сложиться одинаково. Левая сторона всегда должна быть видна, но я уже делаю это, устанавливая MinWidth всего окна.

Спасибо.

Answer 1

Звучит так, как будто вам нужна WrapPanel , эта панель складывается как StackPanel, но переносится на новую строку или столбцы, если недостаточно места.