如何在WPF/XAML中滚动网格行？

Question

嗨,谢谢你的期待!

背景

我在WPF中创建了一个简单的小应用程序,它具有由一列和两行组成的网格布局.顶行包含标题的简单标签,底行包含一个在运行时动态填充图像缩略图的wrappanel.这是XAML:

<Window x:Class="HTNavigator.MainWindow" 
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        Title="MainWindow" WindowState="Maximized" WindowStyle="None">
    <Window.Background>
        <ImageBrush ImageSource="/HTNavigator;component/Images/HNBG.jpg" />
    </Window.Background>
    <Grid >
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="75"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>  
        <StackPanel Grid.Column="0" Grid.Row="0" Height="50" HorizontalAlignment="Left" Margin="30,10,0,0" Name="stackPanel1" VerticalAlignment="Top" Width="Auto" FlowDirection="LeftToRight" Orientation="Horizontal" >
            <Label Content="Home Navigator v0.1" FontFamily="Tahoma" FontSize="18" FontWeight="Bold" Foreground="White" />
            <Button Content="Close" Height="50" Click="Button_Click"></Button>
        </StackPanel>
        <ScrollViewer Grid.Row="1" Name="MyScrollViewer" HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto">
            <WrapPanel HorizontalAlignment="Center" Name="spContainer" VerticalAlignment="Top" ClipToBounds="True"></WrapPanel>
        </ScrollViewer>
    </Grid>
</Window>

问题

滚动条不显示,鼠标滚轮滚动也不起作用.我最初没有使用网格布局,此时此部分XAML表现如预期:

<ScrollViewer Name="MyScrollViewer" HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto">
            <WrapPanel HorizontalAlignment="Center" Name="spContainer" VerticalAlignment="Top"               ClipToBounds="True" ItemHeight="Auto"> </WrapPanel>
</ScrollViewer>

现在一切都正常,但我没有得到我的垂直滚动能力(我不想要水平滚动).

有什么想法吗？

谢谢!

马特

Answer 1

我知道现在是新年前夜，但您在 WrapPanel 中没有任何内容，并且您的行高为 Auto，因此它会随着内容而增长。在 WrapPanel 中放入一些东西并将高度设置为 *。并从 StackPanel 内的标签上取下 Column。

在您的“在您拥有网格之前”的示例中，有一个 Grid.Row。新年快乐。