How animate a message that appears on bottom?

[anda_skoa]

Well, that depends on how you position the element, e.g whether you are using anchors or y-values for vertical positioning.

In both cases you probably want a local numerical property that you animate and then use that property to bind to either an anchor margin or the y property expression.

If I assume that MsgForm is the element, then it is the latter. Instead of the (- height - 5) part you use the new property, which you start at 0 and then animate to (-height - 5)

Cheers,
_

[lqsa]

It works!

MsgForm {
        property bool showing: false
        property int position: showing ? height : 0
        width: parent.width
        y: parent.height - position
        Behavior on position {
            NumberAnimation {duration: 500}
        }
}

MsgForm {
        property bool showing: false
        property int position: showing ? height : 0
        width: parent.width
        y: parent.height - position
        Behavior on position {
            NumberAnimation {duration: 500}
        }
}

To copy to clipboard, switch view to plain text mode 

Only changing the showing property to show or hide.

Thank you very much!!