How to do soft stop animation in pathView in QML

Aditya Singh

Hi

i am using pathView (pathQuad)to create a list in our screen,
there is a requirement that when ever we reached at the end of the list we need to do the soft stop animation in our list.

i.e once we reach at the end of the list, to indicate that we are at end of the list we do a rubber band kind of effect in list.

please suggest me how to achieve this?

sample code:-

Component
    {
        id:curvedListDelegate
        Text
        {
                   text:name
                   color:"white"
         }
            
    }
 PathView{
        id:view
        objectName: "CurvedListView"
        anchors.fill: parent
        preferredHighlightBegin: 0.5
        preferredHighlightEnd: 0.5
        highlightRangeMode: PathView.StrictlyEnforceRange
        focus: true
        delegate: curvedListDelegate
        pathItemCount: nRows
        path:Path {
            startX: listLeftPadding; startY: pathViewStartY
            PathQuad { x: listLeftPadding; y: pathViewY; controlX: listLeftPadding-60; controlY: pathViewStartY + (pathViewY-pathViewStartY)/2 }
        }

        onCurrentIndexChanged: {
            console.log("view current index changed, index == ",view.currentIndex);
            signalButtonAction(view.currentIndex);
        }
}

Regards
Aditya SIngh