如何动态设置WPF ScrollViewer高度？

Question

我有以下测试示例：

<Window x:Class="WpfScrollTest.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="200" Width="200">
    <Border>
        <StackPanel>
            <Label Width="Auto" Height="Auto" Content="Text to mess up the scrollview"/>
                <ScrollViewer Height="{Binding RelativeSource={RelativeSource FindAncestor, 
                        AncestorType={x:Type Border}}, Path=ActualHeight}">
                    <StackPanel>
                        <Button MinWidth="100" MinHeight="100" Content="Button"/>
                        <Button MinWidth="100" MinHeight="100" Content="Button"/>
                    </StackPanel>
                </ScrollViewer>
            </StackPanel>
    </Border>
</Window>

它创建了这个：

我的问题是如何动态设置 ScrollViewer.Height 同时仍然能够看到滚动条的底部？在我的示例中，ScrollViewer 的 Height 太长，因为它上面有 Label ..

我不想修复 <将 ScrollViewer 的 code>Height 设置为静态值。

Answer 1

我建议将外部 StackPanel 删除到网格中，因为 Stackpanel 不会考虑子级的大小。并删除 ScrollViewer.Height 绑定。现在您只需为 Grid 创建两个 RowDefinition，并将 Label 设置为 Grid.Row=0，将 ScrollViwer 设置为 Grid.Row=1。

代码如下。所以我的建议是，仅在必要时使用 StackPanel/Canvas，并且可能用于内部级别。尝试更多地使用网格以获得非常动态的布局。

  <Border>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Label Grid.Row="0" Width="Auto" Height="Auto" Content="Text to mess up the scrollview"/>
        <ScrollViewer Grid.Row="1" >
            <StackPanel>
                <Button MinWidth="100" MinHeight="100" Content="Button"/>
                <Button MinWidth="100" MinHeight="100" Content="Button"/>
            </StackPanel>
        </ScrollViewer>
    </Grid>
</Border>