ListView是QML中经常使用的,Qt帮助中给了我们这样一个基本的例子:

    

QML中ListView的使用以及上拉下拉效果的制作_上拉

这个例子给了我们一个很明显的实现思路,

就是在ListView的model属性中实现模型类,再在delegate中做模型的显示形式。

做一个简单的例子:

QML中ListView的使用以及上拉下拉效果的制作_旋转屏幕_02

QML中ListView的使用以及上拉下拉效果的制作_旋转屏幕_03

 

上面两个Rectangle分别是下拉和上拉。我们做了一个方法来改变listModel中的数据,再在listView中增加数据,利用

onContentYChanged的改变来判断上拉和下拉。

 

在旋转设备屏幕时上拉下拉可能出现显示问题:

可以在旋转屏幕时,重新设置contentY的值来解决