qml 内容的高度超过了Flickable的高度,滑不到内容最低端
时间: 2024-05-05 09:16:12 浏览: 58
这个问题可以通过设置Flickable的contentHeight属性来解决。将contentHeight设置为内容的总高度,这样Flickable就能滑动到内容的最低端了。
示例代码:
```
Flickable {
height: 200
contentHeight: myContentItem.height //设置内容高度
clip: true
Item {
id: myContentItem
height: 500 //内容高度大于Flickable高度
//...
}
}
```
相关问题
qml Flickable滑不到内容底端
可能是因为Flickable的高度没有设置正确,或者内容的高度超过了Flickable的高度。可以尝试调整Flickable的高度,或者使用anchors.fill来填充整个父元素。另外,也可以在Flickable中添加一个包含所有内容的Item,并在该Item上设置anchors.bottomMargin来保证内容能够滑到底部。
qml Flickable 下滑到内容最低端时,松开鼠标会弹回最初的状态
这可能是因为 Flickable 组件的属性 behavior 已经设置为默认值 Flickable.StopAtBounds,在滑动到内容的边界时会自动停止滑动。如果需要在滑动到底部时弹回最初的状态,可以将 behavior 属性设置为 Flickable.DragOverBounds,这样滑动到底部时会继续滑动一定的距离,然后弹回最初的状态。
以下是一个示例:
```
Flickable {
contentWidth: 200
contentHeight: 1000
clip: true
behavior: Flickable.DragOverBounds // 设置 behavior 属性为 DragOverBounds
Text {
text: "Content"
}
}
```
通过将 behavior 属性设置为 Flickable.DragOverBounds,可以在滑动到底部时弹回最初的状态。
阅读全文
相关推荐














