Uploaded image for project: 'Qt'
  1. Qt
  2. QTBUG-9688

Allow animating over a Path in QML using PathAnimation

    XMLWordPrintable

Details

    Description

      Background

      All Transitions on x,y are linear in QML (i.e. a straight line). It would be useful to be able to animate over a Path

      Use-case

      • Create an animation between two points, but where the animated object follows a path rather than a straight line

      Example Code

      Animation over a Path

      Rectangle {
     id: rect
     width: 200; height: 200;
     Rectangle {
         color: "red"
         width: 50; height: 50
         PathAnimation on x,y {
             path: Path {
                 startX: 120; startY: 100
                 PathQuad { x: 120; y: 25; controlX: 260; controlY: 75 }
                 PathQuad { x: 120; y: 100; controlX: -20; controlY: 75 }
                 } 
         }
     }
 }

      Attachments

        Issue Links

          resulted from

          Suggestion - Public suggestions QTBUG-9687 Spline element for QML using Path's

          • P5: Not important - Not relevant and not urgent.
          • Closed
          No reviews matched the request. Check your Options in the drop-down menu of this sections header.

          Activity

            People

              brasser Michael Brasser (closed Nokia identity) (Inactive)
              hhartz Henrik Hartz (closed Nokia identity) (Inactive)
              Votes:
              8 Vote for this issue
              Watchers:
              5 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Gerrit Reviews

                  There are no open Gerrit changes