-->

WPF / Metro风格:制作的ListView只显示完整的项目(WPF/Metro-style:

2019-07-31 12:39发布

在我的地铁应用,我有一个包含一定数量的项目的数据源(例如25)。 我有一个介绍这些项目一个ListView。 我的问题是ListView控件的大小,允许它来显示,比如,6.5的项目,所以它显示的最后一个项目的一半被切断。 如果分辨率改变,它可能会显示4项或8.2项,或什么的。 我想的是,ListView控件显示正好符合该控件的高度,而不是剪辑的最后一个项目的项目数。

现在,我看到了两个可能的半解决方案,其中没有一个是最佳的:

  1. ListView控件的高度设置为一个固定的高度是项目大小的倍数。 这不随分辨率的变化规模。

  2. 限制了数据源的项目数。 这并不无论是规模。

所以我的问题是,如何才能得到ListView控件只显示完整的项目(其中所有边缘都视/列表视图中的项目),并隐藏其他人呢?

提前致谢!

Answer 1:

的ListView自ItemsControl继承,所以一个更优化的解决方案包括在ItemsPanel注入定制面板(由自定义剪辑显示重写量度)

像这样(对不起,我没有尝试编译):

protected override Size MeasureOverride(Size constraint)
{
 if (this.VisualChildrenCount <= 0)
  return base.MeasureOverride(constraint);
 var size = ne Size(constraint.Width,0);
 for(int i = 0; i < this.visualChildrenCount; i++)
 {
  child.Measure(size);
  if(size.height + child.desiredSize > constraint.height)
   break;
  size.Height += child.DesiredSize;
 }
 return size;
}


Answer 2:

我最终的解决办法是@NovitchiS和@JesuX的建议结合起来。

我创建了一个堆叠面板覆盖,并听取了LayoutUpdated事件。 我最终的解决方案:

class HeightLimitedStackPanel : StackPanel
{
    public HeightLimitedStackPanel() : base()
    {
        this.LayoutUpdated += OnLayoutUpdated;
    }

    double GetSizeOfVisibleChildren(double parentHeight)
    {
        double currentSize = 0;
        bool hasBreaked = false;
        for (int i = 0; i < Children.Count; i++)
        {
            var child = Children[i];
            if (currentSize + child.DesiredSize.Height > parentHeight)
            {
                hasBreaked = true;
                break;
            }
            currentSize += child.DesiredSize.Height;
        }
        if (hasBreaked) return currentSize;

        return parentHeight;
    }

    double ParentHeight
    {
        get 
        {
            ItemsPresenter parent = VisualTreeHelper.GetParent(this) as ItemsPresenter;
            if (parent == null)
                return 0;

            return parent.ActualHeight;
        }
    }

    double previousHeight = 0;
    int previousChildCount = 0;
    protected void OnLayoutUpdated(object sender, object e)
    {
        double height = ParentHeight;
        if (height == previousHeight && previousChildCount == Children.Count) return;
        previousHeight = height;
        previousChildCount = Children.Count;

        this.Height = GetSizeOfVisibleChildren(height);
    }
}


Answer 3:

从@JesuX答案是更好的方法 - 如果做得正确。 下面ListView子对我的作品罚款:

public sealed class IntegralItemsListView : ListView
{
    protected override Size MeasureOverride(Size availableSize)
    {
        Size size = base.MeasureOverride(availableSize);
        double height = 0;
        if (Items != null)
        {
            for (int i = 0; i < Items.Count; ++i)
            {
                UIElement itemContainer = (UIElement)ContainerFromIndex(i);
                if (itemContainer == null)
                {
                    break;
                }

                itemContainer.Measure(availableSize);
                double childHeight = itemContainer.DesiredSize.Height;
                if (height + childHeight > size.Height)
                {
                    break;
                }

                height += childHeight;
            }
        }

        size.Height = height;
        return size;
    }
}

一个警告-如果你扑通的IntegralItemsListViewGrid ,将有

VerticalAlignment="Stretch"

默认情况下,这违背了这个类的目的。

也:如果项是均匀的高度的,该方法可以明显被简化:

protected override Size MeasureOverride(Size availableSize)
{
    Size size = base.MeasureOverride(availableSize);
    size.Height = (int)(size.Height / ItemHeight) * ItemHeight;
    return size;
}


文章来源: WPF/Metro-style: Making ListView show only complete items