Hide an item (delegate) inside a ListView QML

Question

Is there a way to hide a particular item on some event in a ListView?

So far I can do it by setting visible to false and height to zero of a delegate.

But If i have spacing in a listView set to 2 for example it appears that this solution is broken.

Answer 1

I think the proper way is to use a proxy model that filters out the elements that should not be displayed. You can use a QSortFilterProxyModel or implement your own QAbstractProxyModel . With that it is even possible to animate the removal and addition of the elements.

Or use SortFilterProxyModel if you don't wanna touch C++ and performance is not a problem

Answer 2

A hack around this could be to set the spacing of the ListView to 0 and implement it in the delegate itself. Something like this:

ListView{
   id: listView
   spacing: 0
   delegate: Item{
      id: itemDelegate
      width: parent.width; height: spacingRect.height + actualDelegate.height
      Item {id: actualDelegate;} // your actual delegate
      Rectangle{ id: spacingRect; height: 2; width: parent.width; color: "transparent"; anchors.top: actualDelegate.bottom}
   }
}

In this way when you hide the delegate the spacing will also be hidden