虚拟化不裁剪项目的面板

时间:2012-02-23 15:30:32

标签: wpf scrollview itemscontrol .net-4.5 virtualizingstackpanel

因此,如果项目在滚动区域的末尾被剪切/裁剪,那么拥有无铬集合看起来真的很傻。

我想为集合(ItemsControl / ListBox)创建一个虚拟化面板,它只绘制整个项目,而不是项目。例如:

 ______________
|              |
|______________|
 ______________
|              |
|______________|
 ______________
|              |

enter image description here

我不希望显示第3个部分容器,除非有足够的空间显示WHOLE项目/容器。在示例中,由于空间不足,第三个项目被裁剪。

有什么建议吗?我应该尝试重新发明轮子(构建我自己的VirtualizingWholeItemPanel)?

修改

Microsoft澄清说VirtualizingPanel.ScrollUnit根本不打算执行此功能。 VirtualizingPanel.ScrollUnit似乎与CanContentScroll上的旧ScrollViewer具有非常相似的目的。

1 个答案:

答案 0 :(得分:4)

我有一个帮助器方法,用于确定控件在父容器中是部分还是完全可见的。您可以将其与Converter一起使用来确定项目'可视性。

您的转换器要么需要从UI项目计算父容器(我的博客有一组Visual Tree Helpers,如果您愿意,可以提供帮助),或者它可能是MultiConverter接受UI项和父容器作为参数。

ControlVisibility ctrlVisibility= 
    WPFHelpers.IsObjectVisibleInContainer(childControl, parentContainer);

if (ctrlVisibility == ControlVisibility.Full 
    || isVisible == ControlVisibility.FullHeightPartialWidth)
{
    return Visibility.Visible;
}
else
{
    return = Visibility.Hidden;
}

确定控件在其父级中的可见性的代码如下所示:

public enum ControlVisibility
{
    Hidden,
    Partial,
    Full,
    FullHeightPartialWidth,
    FullWidthPartialHeight
}


/// <summary>
/// Checks to see if an object is rendered visible within a parent container
/// </summary>
/// <param name="child">UI element of child object</param>
/// <param name="parent">UI Element of parent object</param>
/// <returns>ControlVisibility Enum</returns>
public static ControlVisibility IsObjectVisibleInContainer(
    FrameworkElement child, UIElement parent)
{
    GeneralTransform childTransform = child.TransformToAncestor(parent);
    Rect childSize = childTransform.TransformBounds(
        new Rect(new Point(0, 0), new Point(child.ActualWidth, child.ActualHeight)));

    Rect result = Rect.Intersect(
        new Rect(new Point(0, 0), parent.RenderSize), childSize);

    if (result == Rect.Empty)
    {
        return ControlVisibility.Hidden;
    }
    if (Math.Round(result.Height, 2) == childSize.Height 
        && Math.Round(result.Width, 2) == childSize.Width)
    {
        return ControlVisibility.Full;
    }
    if (result.Height == childSize.Height)
    {
        return ControlVisibility.FullHeightPartialWidth;
    }
    if (result.Width == childSize.Width)
    {
        return ControlVisibility.FullWidthPartialHeight;
    }
    return ControlVisibility.Partial;
}

修改

在实际呈现控件之前,是否进行了一些测试,显然转换器已运行。作为一个hack,如果你使用MultiConverter并将其传递给控件的ActualHeight,它将会起作用,这会强制转换器在控件被渲染时重新进行评估。

这是我正在使用的转换器:

public class TestConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        FrameworkElement child = values[0] as FrameworkElement;
        var parent = VisualTreeHelpers.FindAncestor<ListBox>(child);

        ControlVisibility ctrlVisibility =
            VisualTreeHelpers.IsObjectVisibleInContainer(child, parent);

        if (ctrlVisibility == ControlVisibility.Full
            || ctrlVisibility == ControlVisibility.FullHeightPartialWidth)
        {
            return Visibility.Visible;
        }
        else
        {
            return Visibility.Hidden;
        }
    }

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

我使用了您在问题中发布的XAML,并在ListBoxItem

中添加了.Resources的隐式样式
<ListBox.Resources>
    <Style TargetType="{x:Type ListBoxItem}">
        <Setter Property="Visibility">
            <Setter.Value>
                <MultiBinding Converter="{StaticResource Converter}">
                    <Binding RelativeSource="{RelativeSource Self}" />
                    <Binding RelativeSource="{RelativeSource Self}" Path="ActualHeight" />
                </MultiBinding>
            </Setter.Value>
        </Setter>
    </Style>
</ListBox.Resources>