Блог

Главная - Вопросы по программированию - При изменении размера окна WPF, как управлять тем, что сворачивается первым

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

#wpf #window

#wpf #окно

Вопрос:

Я создаю приложение 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>

Более конкретно, мне нужно, чтобы изображение сворачивалось первым при уменьшении окна, затем часть «Некоторые другие элементы управления здесь …» и часть всего текста должны сворачиваться одинаково.
Левая сторона всегда должна быть видна, но я уже делаю это, устанавливая минимальную ширину всего окна.

Спасибо.

Ответ №1:

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

Комментарии:

1. Я пытаюсь найти способ контролировать то, что сворачивается (т. Е. скрывается). Итак, в приведенном выше примере, когда вы начинаете сжимать окно, первое, что сворачивается, — это изображение. WrapPanel не будет скрывать изображение, оно попытается создать для него новую строку или столбец, как вы упомянули.