首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >DockPanel不限制高度

DockPanel不限制高度
EN

Stack Overflow用户
提问于 2014-07-09 17:03:04
回答 1查看 231关注 0票数 0

我正在尝试限制一个DockPanel的高度(好吧,内容直观)到剩余的UserControl高度,如果它太大,可以在其中添加一个ScrollViewer来滚动。

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

代码语言:javascript
复制
<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只是搜索用户和输出结果。它看起来确实像这样:

代码语言:javascript
复制
<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不应该将高度限制在可见空间呢?我试过用buttons代替ItemsControl,nothing no ScrollBar。

EN

回答 1

Stack Overflow用户

发布于 2014-07-10 17:53:37

我找到解决方案了!

在更高的网格结构中,有一行设置为"auto“而不是"*”,而ScrollViewer似乎只有后者才能正常工作。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24649447

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档