How to let PathView display ListElement by order

sfjam

i use a PathView to display picture,all pictures are from ListModel,but when it display,it does not
by order which defined in ListModel

thisisbhaskar

you mean..PathView does not display pictures in the order you gave in ListModel. It should display in the order you provide in ListModel. None of the *View models do sorting of Model before displaying.. Can you copy/paste the code???

sfjam

the code is downed from internet
@import Qt 4.7

Rectangle {
width: 800; height: 420
color: "black"

ListModel {
    id: myModel
    ListElement { picName: "pics/1.png" }
    ListElement { picName: "pics/2.png" }
    ListElement { picName: "pics/3.png" }
    ListElement { picName: "pics/4.png" }
    ListElement { picName: "pics/5.png" }
    ListElement { picName: "pics/6.png" }
    ListElement { picName: "pics/7.png" }
    
}

Component {
    id: myDelegate

    Item{
        width: 340
        height: 260
        visible: PathView.onPath
        z: PathView.zOrder


        Image{
            id:myImage
            width: 340
            height: 260
            source: picName
            anchors.horizontalCenter: parent.horizontalCenter
            smooth: true
        }
        Image {
            id: subImage
            width: 340
            height: 260
            source: picName
            anchors.horizontalCenter: parent.horizontalCenter
            smooth: true
            transform: Rotation { origin.x: 0; origin.y: 260; axis { x: 1; y: 0; z: 0 } angle: 180 }
        }
        Rectangle{
            y: myImage.height;
            x: -1
            width: myImage.width + 1
            height: myImage.height
            gradient: Gradient {
                GradientStop { position: 0.0; color: Qt.rgba(0,0,0, 0.7) }
            }
        }

        transform:[
            Rotation{
                angle: PathView.rotateY
                origin.x: 340/2
                axis { x: 0; y: 1; z: 0 }
            },
            Scale {
                xScale:PathView.scalePic; yScale:PathView.scalePic
                origin.x: 340/2;   origin.y: 260/2
            }
        ]
        MouseArea {


            anchors.fill: parent



            onClicked: view.currentIndex = index



        }

    }//Item
}



PathView {
    id: view
    focus: true
    model: myModel
    delegate: myDelegate
    anchors.fill: parent
    pathItemCount: 13

    preferredHighlightBegin: 0.5
    preferredHighlightEnd: 0.5
    highlightRangeMode: PathView.StrictlyEnforceRange

    flickDeceleration: 390
    path: myPath
}

Path {
    id: myPath
    startX: 0; startY: 150
    PathAttribute {name: "rotateY"; value: 50.0}
    PathAttribute {name: "scalePic"; value: 0.5}
    PathAttribute {name: "zOrder"; value: 1}

    PathLine{x:180; y: 150}
    PathPercent {value: 0.44}
    PathAttribute {name: "rotateY"; value: 50.0}
    PathAttribute {name: "scalePic"; value: 0.5}
    PathAttribute {name: "zOrder"; value: 10}

    PathQuad{x:320; y: 190; controlX: 290; controlY: 190}
    PathPercent {value: 0.50}
    PathAttribute {name: "rotateY"; value: 0.0}
    PathAttribute {name: "scalePic"; value: 1.0}
    PathAttribute {name: "zOrder"; value: 50}

    PathQuad{x:460; y: 150; controlX: 510; controlY: 150}
    PathPercent {value: 0.56}
    PathAttribute {name: "rotateY"; value: -50.0}
    PathAttribute {name: "scalePic"; value: 0.5}
    PathAttribute {name: "zOrder"; value: 10}

    PathLine{x:640; y: 150}
    PathPercent {value: 1.00}
    PathAttribute {name: "rotateY"; value: -50.0}
    PathAttribute {name: "scalePic"; value: 0.5}
    PathAttribute {name: "zOrder"; value: 1}
}

}

@

sfjam

sorry i forget say this use click can display in order,but i want to use drag to implement the same function