Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. QML and Qt Quick
  4. How to implement a list view slide up stagger animation?
Forum Updated to NodeBB v4.3 + New Features

How to implement a list view slide up stagger animation?

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
1 Posts 1 Posters 152 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • D Offline
    D Offline
    DeutschBahn
    wrote on 5 Apr 2023, 10:05 last edited by
    #1

    Hello, I am trying to implement a populate animation similar to the one shown here:
    card_list.gif

    I am having difficulties finding the right combination of property changes to make this happen. It is clear that the items need to start at a position lower than their y position and then move to their expected y position while also animating the opacity in conjunction with a pause animation.

    Unfortunately all that I have tried simply makes the items slide in from the top of the list view to their expected positions.

    Any ideas on how this could be implemented? Thanks for any help that can be provided.

    1 Reply Last reply
    0

    1/1

    5 Apr 2023, 10:05

    • Login

    • Login or register to search.
    1 out of 1
    • First post
      1/1
      Last post
    0
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    • Get Qt Extensions
    • Unsolved