我必须在 SwipeView 中使用 QML 组件(例如 Item 1、Item 2、Item 3)来实现页面,而不使用Repeaters,并且还必须实现页面翻转器,如下所示。getPreviousPage Rectangle 应该像 getNextPage Rectangle 一样将视图移动到上一页。
import QtQuick 2.6
import QtQuick.Window 2.2
import QtQuick.Controls 2.0
Window {
visible: true
color:"black"
width: 400+100
height: 200
Rectangle
{
id:getPreviousPage
color:"red"
x:0
y:0
width:50
height:200
MouseArea
{
anchors.fill:parent
onClicked:
{
//turn to previous page
}
}
}
Rectangle
{
id:getNextPage
color:"green"
width:50
x:450
y:0
height:200
MouseArea
{
anchors.fill:parent
onClicked:
{
//turn to next page
}
}
}
Pane {
id: pane
width: 400
height: 200
x:50
y:0
SwipeView {
id: view
currentIndex: 1
anchors.fill: parent
Repeater {
model: 3
Pane {
width: view.width
height: view.height
Column {
spacing: 40
width: parent.width
Label {
width: parent.width
wrapMode: Label.Wrap
horizontalAlignment: Qt.AlignHCenter
text: view.currentIndex
}
}
}
}
}
}
}