blob: 5314fe7ef20123f3e2733697ed9291d015ca067e (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
|
// Copyright (C) 2021 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only
/*!
\page qtquick-motion-design.html
\previouspage creator-exporting-qml.html
\nextpage quick-animation-overview.html
\title Motion Design
\table
\row
\li \image studio-animation.png
\li You can use different animation techniques for different
purposes. \QDS supports common motion design techniques,
such as timeline and keyframe based animation and easing
curves, as well as screen-to-screen or state-to-state
application flows and data-driven UI logic animation.
\endtable
\list
\li \l {Introduction to Animation Techniques}
Learn more about which animation techniques are supported by \QDS
and the use cases they are most suitable for.
\li \l {Creating Timeline Animations}
You can use a timeline and keyframe based editor in the
\l Timeline view to animate the properties of UI
components. Animating properties enables their values to
move through intermediate values at specified keyframes
instead of immediately changing to the target value.
\li \l{Editing Easing Curves}
Specify easing curves for nonlinear interpolation between
keyframes in timeline animations, as well as between original
and new property values in property animations and between
transitions.
\li \l {Production Quality}
After the wireframing and prototyping phases, you can use previewing
and profiling tools to fine-tune your UI for production.
\li \l{Optimizing Designs}
You can test your UIs on the target devices to make sure you get
the best performance out of your animations. To solve performance
problems, you typically need to optimize the graphical assets used
in the UI, such as images, effects, or 3D scenes.
\endlist
*/
|