我正在尝试基于SwipeView元素创建视差视图。 QML文档中的示例说明了如何使用ListView实现它:

Image {
    id: background
    source: "background.png"
    fillMode: Image.TileHorizontally
    x: -list.contentX / 2
    width: Math.max(list.contentWidth, parent.width)
}

ListView {
    id: list
    anchors.fill: parent
    spacing: 20
    snapMode: ListView.SnapToItem
    orientation: ListView.Horizontal
    highlightRangeMode: ListView.StrictlyEnforceRange
    boundsBehavior: Flickable.StopAtBounds
    maximumFlickVelocity: 1000

    model: _some_cpp_list
    //Loader is used as a workaround for QTBUG-49224
    delegate: Loader {
        id: loaderDelegate
        source: "MyDelegate.qml"
        width: myScreen.width
        height: myScreen.height
        onLoaded: {
            loaderDelegate.item.logic = modelData
        }
    }
}


现在,这可行,但是ListView我想使用SwipeView,因为它需要更少的代码来实现我想要的行为:

SwipeView {
    id: list
    anchors.fill: parent
    spacing: 20
    Repeater {
        model: _some_cpp_list
        delegate: MyDelegate {
            logic: modelData
        }
    }


有什么方法可以访问SwipeView的当前“ x”位置或在此行中使用的滑动偏移量:

x: -list.contentX / 2

到目前为止,我找到的最接近的是x: -swipeView.contentData[0].x / 2,但这会导致跳过项目而不是平稳过渡。

最佳答案

您无法控制水平ListView中项目的x坐标,因为项目位置由ListView管理。之所以能够在第一个示例中操作项目位置,是因为您实际上不是在操纵委托人位置,而是将另一个项目包装到Loader委托中。

对于SwipeView页面,除非要使用类似的包装,否则可以使用Translate QML类型应用转换。您可以通过SwipeView访问ListView的内部contentX及其SwipeView.contentItem。计算所需的视差效果作为练习留给读者。 :)

PS。另请参见https://doc.qt.io/qt-5/qtquick-views-example.html上的ParallaxView示例。

10-07 23:50