我为WPF创建了一个控件,我有一个问题,你在那里WPF大师。
我希望我的控件能够扩展以适应可调整大小的窗口。
在我的控制中,我有一个列表框,我想用窗口扩展。我还在列表框周围有其他控件(按钮,文本等)。
我希望能够在我的控件上设置最小尺寸,但我希望通过创建用于查看控件的滚动条来缩小窗口的尺寸。
这将创建嵌套滚动区域:一个用于列表框,另一个用于包裹整个控件的ScrollViewer。
现在,如果列表框设置为自动大小,它将永远不会有滚动条,因为它总是在ScrollViewer中绘制为完整大小。
我只希望控件滚动,如果内容不能变小,否则我不想滚动控件;相反,我想滚动控件内的列表框。
如何更改ScrollViewer类的默认行为?我尝试继承ScrollViewer类并重写MeasureOverride和ArrangeOverride类,但我无法弄清楚如何正确地测量和安排孩子。似乎安排必须以某种方式影响ScrollContentPresenter,而不是实际内容子。
任何帮助/建议将不胜感激。
我已经创建了一个类来解决这个问题:
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>
你的问题出现了,因为 Control
在一个 ScrollViewer
几乎没有空间可用。因此你的内心 ListBox
认为它可以通过占据显示其所有元素所需的完整高度来避免滚动。当然,在你的情况下,行为具有锻炼外部的不良副作用 ScrollViewer
太多了。
因此,目标是获得 ListBox
使用 可见 内的高度 ScrollViewer
如果有足够的它和一定的最小高度。要实现这一点,最直接的方法是继承 ScrollViewer
和覆盖 MeasureOverride()
通过适当大小的 availableSize
(这是给定的 availableSize
吹到最小的尺寸,而不是“通常的”无限)到 Visual
s发现使用 VisualChildrenCount
和 GetVisualChild(int)
。
我用了 丹尼尔的解决方案。这很好用。谢谢。
然后我向装饰器类添加了两个布尔依赖属性: 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);
}
虽然我不建议创建需要外部滚动条的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来防止这个大小调整?
在代码隐藏中创建一个方法,将ListBox的MaxHeight设置为包含它的控件和其他控件的高度。如果列表框在其上方或下方有任何控件/边距/填充,则从分配给MaxHeight的容器高度中减去它们的高度。在主窗口“已加载”和“窗口调整大小”事件处理程序中调用此方法。
这应该给你两全其美。你给ListBox一个“固定”的大小,这将导致它滚动,尽管主窗口有自己的滚动条。
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>