Flickable

[Binary01]

Hiii everyOne,

See the code below:

Item{
    width: 600
    height: 500
 
    Rectangle{
        width: parent.width
        height: 400
        color: "#710909"
        anchors.bottom: parent.bottom
        Flickable{
            anchors.fill: parent
            contentWidth: parent.width
            contentHeight: parent.height*3
            Rectangle {
                id: GreenRectangle
                x: 200
                y: 106
                width: 200
                height: 200
                color: "green"
            }
        }
    }
}

Item{
    width: 600
    height: 500

    Rectangle{
        width: parent.width
        height: 400
        color: "#710909"
        anchors.bottom: parent.bottom
        Flickable{
            anchors.fill: parent
            contentWidth: parent.width
            contentHeight: parent.height*3
            Rectangle {
                id: GreenRectangle
                x: 200
                y: 106
                width: 200
                height: 200
                color: "green"
            }
        }
    }
}

To copy to clipboard, switch view to plain text mode 

Why the object GreenRectangle exceeds the limit of Flickable ... see image : fl.png
Any solution ?

[anda_skoa]

The Flickable's default boundsBehavior is Flickable.DragAndOvershootBounds (default) - the contents can be dragged beyond the boundary of the Flickable, and can overshoot the boundary when flicked.

Also clipping is off by default.

Cheers,
_

[Binary01]

Is there a way to stop GreenRectangle at the bound of Flickable (we can see GreenRectangle)
Cheers,

[anda_skoa]

That doesn't sound like you have tried changing the boundsBehavior.
Have you?

Cheers,
_

[Binary01]

Yes I tried,

Flickable{
            boundsBehavior: Flickable.StopAtBounds
            anchors.fill: parent
            contentWidth: parent.width
            contentHeight: parent.height*2
            clip: true

Flickable{
            boundsBehavior: Flickable.StopAtBounds
            anchors.fill: parent
            contentWidth: parent.width
            contentHeight: parent.height*2
            clip: true

To copy to clipboard, switch view to plain text mode 

I want to disable the flick when the green rectangle reaches the top like : fl.png