Как сделать так, чтобы элементы в DockPanel расширялись, чтобы вместить все доступное пространство в WPF?

У меня есть StackPanel содержащий StackPanel и некоторые другие предметы. Первый StackPanel имеет вертикальную ориентацию, внутренняя - горизонтальная. Внутренний имеет TreeView и ListViewЯ хотел бы, чтобы они расширялись и соответствовали ширине окна, которое я установил окном, и позволяли пользователю изменять его. Я также хотел бы внешний StackPanel соответствовать высоте окна. Как мне это сделать?

Изменить: я перешел на использование DockPanelи я установил DockPanel.Dock свойства правильно в каждом из элементов, и отключили LastChildFill в обеих док-панелях компоновка по-прежнему не растягивается.

Код:

<Window x:Class="Clippy.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="400" Width="600" MinHeight="400" MinWidth="600" Loaded="Window_Loaded" SizeChanged="Window_SizeChanged">
    <DockPanel Name="wrapperDockPanel" LastChildFill="False">
        <Menu Height="22" Name="mainMenu" Width="Auto" DockPanel.Dock="Top" />
        <ToolBar Height="26" Name="mainToolBar" Width="Auto" DockPanel.Dock="Top" />
        <DockPanel Height="Auto" Name="contentDockPanel" DockPanel.Dock="Top" LastChildFill="False">
            <TreeView Name="categoryTreeView" />
            <ListView Name="clipListView" />
        </DockPanel>
        <StatusBar Height="23" Name="mainStatusBar" DockPanel.Dock="Top" />
    </DockPanel>
</Window>
Источник

3 ответа

Решение

Это должно сделать это - я настроил это так, чтобы TreeView и ListView разделяли главное представление 50/50; если вы не хотите этого, установите "Авто" и "*" или что-то еще. Используйте "LastChildFill" в ваших интересах!

<Window x:Class="Clippy.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="400" Width="600" MinHeight="400" MinWidth="600" Loaded="Window_Loaded" SizeChanged="Window_SizeChanged">

    <DockPanel LastChildFill="True">
        <Menu Width="Auto" DockPanel.Dock="Top" />
        <ToolBar Width="Auto" DockPanel.Dock="Top" />
        <StatusBar DockPanel.Dock="Bottom" />

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

            <TreeView Name="categoryTreeView" Grid.Row="0" />
            <ListView Name="clipListView" Grid.Row="1" />
        </Grid>
    </DockPanel>

</Window>
Источник

Вместо этого используйте DockPanel. StackPanel явно не заботится о видимом пространстве, в то время как DockPanel выполняет все расчеты размера на основе доступного пространства.

Обновить:

Кроме того, по моему опыту, размещение тела окна в представлении и только наличие вида в окне обеспечивает лучший опыт работы с автоматическим размером.

По какой-то причине помещение всех детей непосредственно в окно кажется не очень хорошим размером.

Обновление 2:

Я бы удалил явный атрибут DockPanel.Dock из элемента, который вы хотите растянуть (заполнить) неиспользуемым пространством.

Источник

Установить свойства ширины и высоты для "авто"

Источник
Другие вопросы по тегам