DockPanel 不限制高度答案

【问题标题】：DockPanel does not constrain heightDockPanel 不限制高度
【发布时间】：2014-08-30 05:29:48
【问题描述】：

我正在尝试将 DockPanel 的高度（以及实际的内容）限制为剩余的 UserControl 高度，其中包含 ScrollViewer 以在其太大时滚动。

我有一个窗口，它使用 ContentController 来保存不同的用户控件

<Window>
<Grid>
<Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <!--  0 Menu -->
        <RowDefinition Height="auto"/>
        <!--  1 Header -->
        <RowDefinition Height="65"/>
        <!--  2 Content -->
        <RowDefinition Height="*"/>
        <!--  3 Space -->
        <RowDefinition Height="10"/>
        <!--  4 Status line -->
        <RowDefinition Height="auto"/>
        <!--  5 Space -->
        <RowDefinition Height="10"/>
    </Grid.RowDefinitions>
<!--...-->
<ContentPresenter Content="{Binding Path=MainWindowContent}" Grid.Column="0" Grid.Row="2"/>
<!--...-->
</Grid>
</Window>

我遇到问题的 UserControl 只是搜索用户和输出结果。它确实看起来像这样：

<UserControl>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition Width="auto"/>
            <ColumnDefinition Width="12"/>
            <ColumnDefinition Width="auto"/>
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="10"/>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="10"/>
        </Grid.RowDefinitions>

        <Grid Grid.Column="1" Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="auto"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
            </Grid.RowDefinitions>
            <Border Grid.Column="0" Grid.Row="0">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="30"/>
                        <ColumnDefinition Width="200"/>
                        <ColumnDefinition Width="20"/>
                        <ColumnDefinition Width="200"/>
                        <ColumnDefinition />
                        <ColumnDefinition Width="30"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="25"/>
                        <RowDefinition Height="auto" />
                        <RowDefinition Height="10" />
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="10"/>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="40"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>

                    <!-- input fields -->

                    <DockPanel Grid.Column="0" Grid.Row="8" Grid.ColumnSpan="6" LastChildFill="True" VerticalAlignment="Stretch" Background="{StaticResource PrimaryCorporateBrush}">
                        <TextBlock Style="{StaticResource HeadlineOutputLabel}" DockPanel.Dock="Top"/>


                        <Separator Opacity="0" Height="10" DockPanel.Dock="Top"/>
                        <TextBlock Visibility="{Binding Path=HasResult, Converter={StaticResource Bool2RevertedVisibility}}" Margin="10" DockPanel.Dock="Top"/>
                        <ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Visibility="{Binding Path=HasResult, Converter={StaticResource Bool2Visibility}}">
                            <ItemsControl ItemsSource="{Binding Path=Members}" VerticalAlignment="Stretch">
                                <ItemsControl.ItemTemplate>
                                    <DataTemplate>
                                        <Border Tag="{Binding}">
                                            <!-- Result Element -->
                                        </Border>
                                    </DataTemplate>
                                </ItemsControl.ItemTemplate>
                            </ItemsControl>
                        </ScrollViewer>
                    </DockPanel>
                </Grid>
            </Border>
        </Grid>

        <Grid Grid.Column="3" Grid.Row="1">
            <!-- info display -->
        </Grid>
    </Grid>
</UserControl>

我打算将结果 ScrollViewer 的高度限制为窗口的剩余可见空间，如果结果超过它显示滚动条。但是现在 DockPanel 不断扩展 ScrollViewer 和嵌套的 ItemsControl 高度，直到放置所有元素但不显示 ScrollBar。我在这里有点迷失为什么会这样做，DockPanel 不应该将高度限制在可见空间吗？尝试使用放置按钮而不是 ItemsControl，没有 ScrollBar。

【问题讨论】：

标签： c# wpf scrollviewer dockpanel

【解决方案1】：

我找到了解决办法！

在 Grid 结构的更上方，有一行设置为“auto”而不是“*”，而 ScrollViewer 似乎只能与后者一起正常工作。

【讨论】：