Question

来自docs：

默认渲染器不执行任何CPU端视口剪切或遮挡检测。如果某些东西不可见，则不应显示。对于不应绘制的项目，请使用Item::visible: false。不添加这种逻辑的主要原因是它增加了额外的成本，这也会损害那些表现良好的应用程序。

有没有一个技巧可以轻松完成，而不是自己实现？

请注意，在我的情况下，可见区域之外的项目在那里，因为它们位于ScrollView并且它们不会滚动到。

我想要剔除的原因是为了减少全景重绘的CPU使用率。

Answer 1

以下是一个可以扩展的简单示例：

Window {
  visible: true
  width: 640
  height: 480

  Rectangle {
    anchors.centerIn: parent
    width: 200
    height: 200
    color: "yellow"

    Flickable {
      id: view
      anchors.fill: parent
      contentWidth: 200
      contentHeight: col.height
      property real span : contentY + height
      Column {
        id: col
        x: 90
        spacing: 2
        Repeater {
          model: 50
          delegate: Rectangle {
            width: 10
            height: 10
            color: inView ? "blue" : "red"
            property bool inView: y > view.contentY && y < view.span
          }
        }
      }
    }
  }
}

显然，完全证明的解决方案还包括计算中项目的高度。如有必要，您还可以在x轴上进行检查。

Answer 2

为了增加dtech的答案，我刚刚了解到有一些QML组件，比如GridView和ListView，它们会自动进行剔除。

剔除可见区域之外的项目

2 个答案: