Question

我试图将DockPanel的高度（以及内容的实际内容）限制为剩余的UserControl高度，其中包含ScrollViewer，如果它太大则滚动。

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

<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>

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

Answer 1

我找到了解决方案！

在Grid结构中，有一行设置为＆＃34; auto＆＃34;而不是＆＃34; *＆＃34;而ScrollViewer似乎只适用于后者。

DockPanel不限制高度

1 个答案: