[QDS Tutorials] Log In UI - Timeline

https://doc.qt.io/qtdesignstudio/qtdesignstudio-loginui4-example.html

Log In UI - Timeline

Timeline animation method.

• state
• timeline
• Key Registration
• easing
•  

Impression:

It is difficult to understand the relationship between timeline and state.

The content itself is not appropriate for timeline commentary.

Details:

Animating UI Components

Unnecessary work

Replacing Columns with Anchors

1-6 are unnecessary tasks

All numbers should be illustrated with diagrams.

Adding a Timeline and Animation Settings

Animation ID and explanation of each item is needed.

Inserting Keyframes

First, it is necessary to explain what a timeline is and how to set it up.

All numbers should be illustrated with diagrams.

Animating Anchors

First, it is necessary to explain what anchors are and how to set them.

All numbers should be illustrated with diagrams.

Adding Easing Curves

First, it is necessary to explain what easing is and how to set it up.

All numbers should be illustrated with diagrams.

Binding Animation to States

Need explanation of relationship between timeline and state

All numbers should be illustrated with diagrams.

Learn More - Timeline

Explanations must be given in expressions that can be understood by beginners and people with no knowledge of the program.