ListBox 包含在 ScrollViewer 中

Question

我希望当所有信息无法在屏幕上显示时显示页面的ScrollViewer（即调整窗口大小） 但是，这里的列表框不会滚动，并且会一直绘制到页面底部，除非我将其设置为具有 MaxSize。有没有一种方法可以优先让 ListBox 在我制作的 ScrollViewer 之前显示它的 ScrollViewer ？

我现在拥有的 https://i.sstatic.net/O4h7u.png

我想实现什么，但是我在 此处使用了 ListBox 的 MaxHeight。

这是我的一些标记：

<ScrollViewer HorizontalAlignment="Stretch" VerticalScrollBarVisibility="Auto"  Name="scrollViewer1"  VerticalAlignment="Stretch" >
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            <ComboBox Grid.Row="0" Width="120" HorizontalAlignment="Left"></ComboBox>
            <ListBox HorizontalAlignment="Left" Name="listBox" Width="120" Grid.Row="1" <!--MaxHeight="500"--> />
        </Grid>         
    </ScrollViewer>

Answer 1

我知道这个问题已经很老了，但我遇到了完全相同的问题，并想出了一些解决方案，但这比问题未解决要好。

我读过的大部分内容都指出，在这种情况下使用像 StackPanel 这样的东西是不好的，因为面板会增长以适应它所容纳的元素。通常这工作正常，因为您可以将 StackPanel 粘贴到 Grid 中并设置列/行的 MinHeight 和 MaxHeight 并将控件锁定到位。一旦添加了 ScrollView，这种情况就会变得很糟糕。上面的答案很好地描述了问题，但缺乏解决方案。

我尝试了许多不同类型的面板而不是 StackPanel，但它们都产生相同的结果。我决定，由于我的 ListBox 位于 Grid 内部，因此我需要将该网格位置的 MaxHeight 绑定到控件中的某个其他值，以防止 ListBox 增长。这样做的问题是，没有任何元素可以直接绑定到并获得您想要的确切高度。

输入技巧：

我的高度有点太大，创建了一个奇怪的总是在屏幕外的列表框（实际上 36 像素太大，这是列表框上方标签的高度）。所以我实现了 IValueConverter:

class HeightToAdjustedHeightConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var height = (double) value - 33d;
        return height < 360d ? 360d : height;
        //360 being the minimum height allowed for the listbox
    }

public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
{
return null;
}

}

之后我所做的就是将其作为 MaxHeight 绑定的转换器（注意您需要命名您的用户控件并绑定到它的 x:Name）：

<Grid Grid.Column="0"
    Grid.Row="1"
    VerticalAlignment="Top"
    ClipToBounds="True"
    MaxHeight="{Binding ElementName=AdHocUserControl, Path=ActualHeight, Converter={StaticResource HeightToAdjustedHeightConverter}}">

我能想到的唯一其他替代方案是扩展其中一个面板并尝试发挥其生长行为。我承认这是一个黑客行为，但它会起作用。

Answer 2

试试这个

<ScrollViewer HorizontalAlignment="Stretch" VerticalScrollBarVisibility="Auto"  Name="scrollViewer1"  VerticalAlignment="Stretch" >
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <ComboBox Grid.Row="0" Width="120" HorizontalAlignment="Left" ></ComboBox>
            <ListBox HorizontalAlignment="Left"  Name="listBox"  Width="120" VerticalAllignment = "Top" Grid.Row="1"/>
        </Grid>

    </ScrollViewer>

或者你也可以试试这个

  <Grid >
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <ComboBox Grid.Row="0" Width="120" HorizontalAlignment="Left" ></ComboBox>
            <ListBox HorizontalAlignment="Left"  Name="listBox" VerticalAlignment= "Top"  Width="120" Grid.Row="1" ScrollViewer.VerticalScrollBarVisibility="Auto"/>
        </Grid>

Answer 3

您的定义存在逻辑不一致。

正如您所说的要求：“当所有信息无法显示在屏幕上时，我希望显示页面的滚动查看器[不使用MaxHeight]” - 出现了一个问题：“您如何确定'所有信息无法在屏幕上显示'？”或“ListBox 在什么时候应该停止增长并显示滚动条？”。

从 WPF\Silverlight 布局管理逻辑中，它完全符合您的要求 - 当列表框的高度加上组合框的高度之和大于滚动查看器的 ViewportHeight 时 - 您会得到滚动条。只有当您允许 ListBox 在没有滚动条的情况下增长到所需的大小时，才有可能实现这一点。

Answer 4

不要在 ListBox 上设置 MaxHeight，只需在 RowDefinitions 中使用星号“*”符号即可使 2 个控件之间的相对大小保持正确。

Answer 5

另一个解决方案：

<ScrollViewer HorizontalAlignment="Stretch" VerticalScrollBarVisibility="Auto" Name="scrollViewer1" VerticalAlignment="Stretch" >
<Grid>
   <Grid.RowDefinitions>
     <RowDefinition Height="Auto"/>
     <RowDefinition Height="*"/>
   </Grid.RowDefinitions>
 <ComboBox Grid.Row="0" Width="120" HorizontalAlignment="Left"></ComboBox>
 <ScrollViewer x:Name="scrollViewer" Grid.Row="1" ScrollViewer.VerticalScrollBarVisibility="Disabled" >
    <ListBox HorizontalAlignment="Left" Name="listBox" Width="120" Grid.Row="1" MaxHeight="{Binding ActualHeight, ElementName=scrollViewer}" ScrollViewer.VerticalScrollBarVisibility="Auto"/>
  </ScrollViewer>
</Grid>