blob: 1654a51e179fe74648f805f6029fa7bf8374e9b4 (
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
|
..
---------------------------------------------------------------------------
Copyright (C) 2012 Digia Plc and/or its subsidiary(-ies).
All rights reserved.
This work, unless otherwise expressly stated, is licensed under a
Creative Commons Attribution-ShareAlike 2.5.
The full license document is available from
http://creativecommons.org/licenses/by-sa/2.5/legalcode .
---------------------------------------------------------------------------
Enhancing the Look and Feel
===========================
The NoteApp's* UI can be considered complete in terms of functionality and user interaction. However, there is plenty of room for improvement by making the UI more appealing to the user. QML was designed as a declarative language, keeping in mind the animations and fluid transitions of UI elements.
In this chapter, we will guide you step-by-step on how to add animations and make NoteApp* feel more fluid. QML provides a set of QML types that enable you to implement animations in a more convenient approach. This chapter introduces new types and guides how to use them in our QML Components to make the UI more fluid.
.. note::
You will find the implementation related to this chapter in the zip file provided in the :ref:`get-source-code` section.
In summary, the chapter will cover the following main topics:
* Introducing concepts about animations and transitions in QML
* New QML types will be covered, such as *Behavior*, *Transition* and various *Animation* elements
* Enhancing *NoteApp* QML Components using various animations
This chapter has the following steps:
.. toctree::
:maxdepth: 2
step_1
step_2
|
