QML animations visible property changes

qt animation qt4 transition qml
marmistrz picture marmistrz · Sep 8, 2012 · Viewed 17.2k times · Source

I want an animation to be painted when an element becomes visible (is should appear smoothly, not the whole at all)

I tried this

states: State
{
    name: "iconOff"
    when: iconOnSwitch.checked == false
    PropertyChanges { target: selectIconRow; visible: false }
}

transitions: Transition
{
    reversible: true
    from: ""
    to: "iconOff"
    PropertyAnimation
    {
        properties: "x,y,visible"
        easing.type: Easing.InOutQuad
        from: selectIconRow
        property: "visible"
    }
}

But the selectIconRow still appears immediately

How can I use such an animation?

Answer

sergk picture sergk · Sep 9, 2012

Because it's boolean, visible property cannot be animated. Perhaps opacity could do the trick.

Related questions

ListView scrolling animation

I want to implement a scrolling animation for QML ListView. Here is a sample image: Can anybody advise me for implementing this? Thank you.

Read More
How to make Qt widgets fade in or fade out?

I am trying to fade in and fade out a QLabel or for that matter any QWidget subclass. I have tried with QGraphicsEffect, but unfortunately it works well only on Windows and not on Mac. The only other solution which …

Read More
How to set animated icon to QPushButton in Qt5?

QPushButton can have icon, but I need to set animated icon to it. How to do this? I created new class implemented from QPushButton but how to replace icon from QIcon to QMovie?

Read More