Learn what Felgo offers to help your business succeed. Start your free evaluation today! Felgo for Your Business


OverviewFelgo 3 Support (Qt 5) › Repeater Animation

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #9986


    Hi. In my code I’m creating a large number of items using a Repeater element. I want each item to appear sequentially with an appear animation, eg a fade in, slide in, etc. I’ve included my code below for the case without the animation. Now I’m not sure how to include the animation. I’ve tried repeater.itemAt(i).animation.start() but it doesn’t work. Thanks, Phil


        Grid {
            id: grid
            anchors.centerIn: parent
            columns: 8
            rows: 12
            Repeater {
                id: repeater
                model: 8*12
                    id: rectangle
                    width: parent.parent.width / 8
                    height: parent.parent.height / 12
                    color: "black"
                    opacity: 0
                        id: animation
                        target: parent
                        properties: "opacity"
                        from: 0
                        to: 1
            id: gridTimer
            repeat: true
            running: true
            interval: 10
            onTriggered: {
        function gridRepeater(i){
            repeater.itemAt(i).opacity = 1




    Felgo Team

    Hi Phil,

    if you want to use repeater.itemAt(i).animation.start(), then you need to make sure that the animation is a property of the item you are accessing, you can do this by adding property alias animation: animation to the rectangle. (because else the animation component is just a private internal component of the rectangle and is not accessible from outside)

    Another solution would be using a Behavior on the opacity property of the rectangle, then simply setting the opacity to 1 (like you do now) will also result in a fade.




    Thanks, Alex. The first method works if I change the target in the NumberAnimation from parent to rectangle. The second method works well also.

Viewing 3 posts - 1 through 3 (of 3 total)

RSS feed for this thread

You must be logged in to reply to this topic.

Qt_Technology_Partner_RGB_475 Qt_Service_Partner_RGB_475_padded