问题 嵌套滚动区域


我为WPF创建了一个控件,我有一个问题,你在那里WPF大师。

我希望我的控件能够扩展以适应可调整大小的窗口。

在我的控制中,我有一个列表框,我想用窗口扩展。我还在列表框周围有其他控件(按钮,文本等)。

我希望能够在我的控件上设置最小尺寸,但我希望通过创建用于查看控件的滚动条来缩小窗口的尺寸。

这将创建嵌套滚动区域:一个用于列表框,另一个用于包裹整个控件的ScrollViewer。

现在,如果列表框设置为自动大小,它将永远不会有滚动条,因为它总是在ScrollViewer中绘制为完整大小。

我只希望控件滚动,如果内容不能变小,否则我不想滚动控件;相反,我想滚动控件内的列表框。

如何更改ScrollViewer类的默认行为?我尝试继承ScrollViewer类并重写MeasureOverride和ArrangeOverride类,但我无法弄清楚如何正确地测量和安排孩子。似乎安排必须以某种方式影响ScrollContentPresenter,而不是实际内容子。

任何帮助/建议将不胜感激。


1682
2017-10-13 18:59


起源

好问题。我们自己遇到了一个非常类似的问题。 - cplotts


答案:


我已经创建了一个类来解决这个问题:

public class RestrictDesiredSize : Decorator
{
    Size lastArrangeSize = new Size(double.PositiveInfinity, double.PositiveInfinity);

    protected override Size MeasureOverride(Size constraint)
    {
        Debug.WriteLine("Measure: " + constraint);
        base.MeasureOverride(new Size(Math.Min(lastArrangeSize.Width, constraint.Width),
                                      Math.Min(lastArrangeSize.Height, constraint.Height)));
        return new Size(0, 0);
    }

    protected override Size ArrangeOverride(Size arrangeSize)
    {
        Debug.WriteLine("Arrange: " + arrangeSize);
        if (lastArrangeSize != arrangeSize) {
            lastArrangeSize = arrangeSize;
            base.MeasureOverride(arrangeSize);
        }
        return base.ArrangeOverride(arrangeSize);
    }
}

它总是返回所需的(0,0)大小,即使包含元素想要更大。 用法:

<local:RestrictDesiredSize MinWidth="200" MinHeight="200">
     <ListBox />
</local>

12
2017-10-15 12:09



这是适合我们的解决方案。 - cplotts
干净,简洁,优雅的解决方案 - Scott B


你的问题出现了,因为 Control在一个 ScrollViewer 几乎没有空间可用。因此你的内心 ListBox 认为它可以通过占据显示其所有元素所需的完整高度来避免滚动。当然,在你的情况下,行为具有锻炼外部的不良副作用 ScrollViewer 太多了。

因此,目标是获得 ListBox 使用 可见 内的高度 ScrollViewer 如果有足够的它和一定的最小高度。要实现这一点,最直接的方法是继承 ScrollViewer 和覆盖 MeasureOverride() 通过适当大小的 availableSize (这是给定的 availableSize 吹到最小的尺寸,而不是“通常的”无限)到 Visuals发现使用 VisualChildrenCount 和 GetVisualChild(int)


2
2017-10-20 14:13



+1关于无限可用空间的解释。 - Ridcully


我用了 丹尼尔的解决方案。这很好用。谢谢。

然后我向装饰器类添加了两个布尔依赖属性: KeepWidth 和 KeepHeight。因此,可以针对一个维度抑制新要素。

这需要改变 MeasureOverride

protected override Size MeasureOverride(Size constraint)
{
    var innerWidth = Math.Min(this._lastArrangeSize.Width, constraint.Width);
    var innerHeight = Math.Min(this._lastArrangeSize.Height, constraint.Height);
    base.MeasureOverride(new Size(innerWidth, innerHeight));

    var outerWidth = KeepWidth ? Child.DesiredSize.Width : 0;
    var outerHeight = KeepHeight ? Child.DesiredSize.Height : 0;
    return new Size(outerWidth, outerHeight);
}

1
2018-04-03 07:34





虽然我不建议创建需要外部滚动条的UI,但您可以非常轻松地完成此操作:

<Window
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  >    
    <ScrollViewer HorizontalScrollBarVisibility="Auto" 
                  VerticalScrollBarVisibility="Auto">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
            <ListBox Grid.Row="0" Grid.RowSpan="3" Grid.Column="0" MinWidth="200"/>
            <Button Grid.Row="0" Grid.Column="1" Content="Button1"/>
            <Button Grid.Row="1" Grid.Column="1" Content="Button2"/>
            <Button Grid.Row="2" Grid.Column="1" Content="Button3"/>
        </Grid>
    </ScrollViewer>
</Window>

我真的不推荐这个。 WPF提供了特殊的布局系统,如Grid,您应该尝试允许应用程序根据需要调整自身大小。也许你可以在窗口本身设置MinWidth / MinHeight来防止这个大小调整?


0
2017-10-13 19:09



困难在于我希望能够在不裁剪控件的情况下将窗口缩小到最小尺寸以下。
你做 有 让窗口缩小到最小尺寸以下?你试图通过允许它来实现什么? - Bob King
不,不必,但如果我不这样做,整个问题就会消失。我想缩小到最小尺寸以允许灵活的布局。我实际上正在构建一个包含“窗口式”控件的应用程序,这些控件可以调整大小和位置。
那么上面的代码应该适合你。只需确保您的部件位于正确的“*”和“自动”大小的列中,并确保外部ScrollViewer对Horizo​​ntal / VerticalScrollbarVisibility使用“Auto”。 - Bob King
并且,您可能希望保留那些始终“可见”以防止突然突然显示时的跳跃。 - Bob King


在代码隐藏中创建一个方法,将ListBox的MaxHeight设置为包含它的控件和其他控件的高度。如果列表框在其上方或下方有任何控件/边距/填充,则从分配给MaxHeight的容器高度中减去它们的高度。在主窗口“已加载”和“窗口调整大小”事件处理程序中调用此方法。

这应该给你两全其美。你给ListBox一个“固定”的大小,这将导致它滚动,尽管主窗口有自己的滚动条。


0
2018-05-19 22:18





for 2 ScrollViewer

   public class ScrollExt: ScrollViewer
{
    Size lastArrangeSize = new Size(double.PositiveInfinity, double.PositiveInfinity);

    public ScrollExt()
    {

    }
    protected override Size MeasureOverride(Size constraint)
    {
        base.MeasureOverride(new Size(Math.Min(lastArrangeSize.Width, constraint.Width),
                                      Math.Min(lastArrangeSize.Height, constraint.Height)));
        return new Size(0, 0);
    }

    protected override Size ArrangeOverride(Size arrangeSize)
    {
        if (lastArrangeSize != arrangeSize)
        {
            lastArrangeSize = arrangeSize;
            base.MeasureOverride(arrangeSize);
        }
        return base.ArrangeOverride(arrangeSize);
    }
}

码:

  <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
        <Grid >
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <TextBlock Background="Beige" Width="600" Text="Example"/>
            <Grid Grid.Column="1" x:Name="grid">
                    <Grid Grid.Column="1" Margin="25" Background="Green">
                    <local:ScrollExt HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
                        <Grid Width="10000" Margin="25" Background="Red" />
                    </local:ScrollExt>
                    </Grid>
                </Grid>
        </Grid>
    </ScrollViewer>

0
2018-06-16 15:05