计算ListBox中可见项目的数量

Question

我有一个名为 Book 的课程；

class Book
{
    public string Name { get; set; }
    public string Author { get; set; }
    public int PagesCount { get; set; }
    public int Category { get; set; }
}

ListBox 显示书籍列表，并且 ItemTemplate 已被修改以便直观地表示书籍。 文本显示书名、作者和页数。 然而，类别由某种颜色表示（例如，历史是蓝色，浪漫是红色等）。现在，文本具有 OuterGlowBitmap 效果和从类别 (int) 到适当颜色的值转换器。 一切都绑定在 ListBoxItem 的 DataTemplate 中。 从技术上讲，一切正常。

然而，问题在于性能。 看起来，outerGlow 位图效果对处理器的影响很大，因此当我有大约 500 本书的列表时，从数据库检索数据需要大约 500 毫秒，但实际将项目加载到列表框中大约需要 10 秒。 即使加载完成，滚动也非常缓慢。 我尝试将 VirtualizingStackPanel.IsVirtualizing 设置为 True，但无济于事。 （在任何给定时间数据库中可以容纳的最大书籍数量约为 30000 本书。）

但是，即使列表框中有超过 100 个项目，人脑也无法快速处理，所以我不旨在加载并向用户列出所有搜索到的书籍。 这就是为什么我创建了一个包装导航类 BookNavigator，它实际上将列表框绑定到其 ObservableCollection 对象。 所有书籍都加载到此 BookNavigator 中，但只有 X 本书显示在列表框中（通过将它们添加到 observableCollection）。

问题是我希望显示的书籍数量足够小，以便列表框不显示滚动条，这样我就可以实现自己的滚动方法（第一个、上一个、下一个、最后一个，或者只是我自己的滚动条，不没关系）。

如何计算要显示的项目数以便不显示滚动条？

弹出的两个问题： - 调整应用程序的大小可以更改列表框的大小 - 并非所有列表框项目都具有相同的高度（取决于作者的数量）。

有什么办法可以实现我想做的事情吗？

---

编辑（作为对 Martin Harris 的回复）

Martin Harris 建议的代码问题是 foreach 循环使用 FrameworkElement，但列表框填充了 Book 类型的对象，该对象既不继承自 FrameworkElement，也不继承它有任何其他方法来计算其高度。 ListBoxItem 的根元素是一个网格，所以也许可以检索这个网格，但我不知道该怎么做？

有什么方法可以获取为表示列表框项目而创建的实际 UI 元素吗？

---

编辑

我发现这个问答似乎正是我所需要的.. ItemContainerGenerator

Answer 1

在尝试找出类似的东西后，我想我应该在这里分享我的结果（因为它看起来比其他响应更容易）：

我从 此处。

private static bool IsUserVisible(FrameworkElement element, FrameworkElement container)
{
    if (!element.IsVisible)
        return false;

    Rect bounds =
        element.TransformToAncestor(container).TransformBounds(new Rect(0.0, 0.0, element.ActualWidth, element.ActualHeight));
    var rect = new Rect(0.0, 0.0, container.ActualWidth, container.ActualHeight);
    return rect.Contains(bounds.TopLeft) || rect.Contains(bounds.BottomRight);
}

之后，您可以循环遍历列表框项目并使用该测试来确定哪些是可见的。 该列表的计数将为您提供列表框中可见项目的数量。

private List<object> GetVisibleItemsFromListbox(ListBox listBox, FrameworkElement parentToTestVisibility)
{
    var items = new List<object>();

    foreach (var item in PhotosListBox.Items)
    {
        if (IsUserVisible((ListBoxItem)listBox.ItemContainerGenerator.ContainerFromItem(item), parentToTestVisibility))
        {
            items.Add(item);
        }
        else if (items.Any())
        {
            break;
        }
    }

    return items;
}

然后，这将包含列表框中当前显示的项目列表（包括通过滚动或类似方式隐藏的项目）。

Answer 2

在将所有书籍添加到列表框之前，您可能可以计算出它们的大小（可能通过在后面的代码中解析和填充模板 XAML，然后询问外部控件其大小），这将是付出了很多努力却没有多少收获。 难道您不能简单地选择一些足以填满列表框的书籍，但又不会太多而导致渲染速度变慢并关闭滚动条吗？ 这仍然可以与列表框的大小相关联，以便随着列表框的增长添加更多项目，但是添加一些额外项目的性能成本应该小于再次计算所有大小的成本。

简单示例：假设一本作者为一本书的大小为 150 像素。 您可以将列表框的大小除以 125，以粗略估计大致范围内的项目数量，但计算成本并不高。 你要避免的是物品太少，因为这会留下空白空间。

---

根据您的评论进行编辑。

在这种情况下，您可以将项目添加到列表框中（使用上面的方法进行近似猜测），然后计算最后一个完全可见的项目，然后删除多余的项目。

此扩展方法将获取列表框中完全显示的最后一个元素，如果没有可见的项目，则返回 null：

public static class ListBoxExtensions
{
    public static FrameworkElement GetLastItem(this ListBox listBox)
    {
        double height = listBox.ActualHeight;

        double currentHeight = 0;
        FrameworkElement previous = null;

        foreach (FrameworkElement item in listBox.Items)
        {
            currentHeight += item.ActualHeight;
            if (currentHeight > height)
            {
                return previous;
            }

            previous = item;
        }

        return previous;
    }
}

如果列表变大，则您可以向集合中添加足够的项目来填充间隙并重新运行该过程。

Answer 3

“如何计算要显示的项目数，以便不显示滚动条？”

简短回答：(listBox1.Height/ listBox1.ItemHeight)

这将为您提供显示/可用行数，以便您只能读取此行数并将填充所有列表框。

现在，演示：

        int listbox_total_visible_lines = 2;
        listBox1.Height = (listbox_total_visible_lines + 1) * listBox1.ItemHeight;
        listBox1.Items.Add("um");
        listBox1.Items.Add("dois");
        listBox1.Items.Add("tres");
        listBox1.Items.Add("quatro");
        listBox1.Items.Add("cinco");
        listBox1.SelectedIndex = listBox1.Items.Count - 1;
        this.Text = (listBox1.Height/ listBox1.ItemHeight).ToString();

此示例让您选择将可见的项目数，因此它是实际可显示的操作系统行数。 因此，您仅添加“listbox_total_visible_items”项目，列表框将填满并且不显示滚动条。

代码说明：

1. listbox_total_visible_items 包含要显示的行数

2. 设置适当大小的列表框，仅 2 行

3-7。 添加一些行

8. 转到最后一行，只是为了好玩

9. 在表单文本栏上显示列表框行数，基于列表框高度除以每个项目的大小。

就是这样。

Answer 4

可以在这里隐式找到解决方案：
解决方案