Important topics to learn QtQuick and Qml

[Rohith]

Hi All,

I am a just beginner in Qt learning and i will be working on embedded devices,i need to apply fluid animation to our device the look and feel should be as similar to android and on browsing i got to know that by the help of Qml and QtQuick it will be possible and know i need to learn about those two,what are the areas i should mainly concentrate to learn and to know about them, i have acquired some topics as follows "Fluid Animation, Java script,XML,JSON".If there are some more topics to be concentrated please tell me.

Thanks in advance,
Rohith.G

[p3c0]

Hi @Rohith

Since you are a beginner you should start with QtQuick basics. Qt's documentation is your friend here. Following topics will be helpful:

• http://doc.qt.io/qt-5/gettingstartedqml.html
• http://doc.qt.io/qt-5/qmlapplications.html
• http://doc.qt.io/qt-5/qtquick-index.html

Now since your are mostly focussing on animations check out the following:

• http://doc.qt.io/qt-5/qtquick-usecase-animations.html
• http://doc.qt.io/qt-5/qtquick-statesanimations-topic.html

JavaScript:

• javascript-environment-for-qml-applications
  check out the individual links under that topic
• http://doc.qt.io/qt-5/qtquick-usecase-integratingjs.html

JSON:
Since QML is based upon JavaScript so it supports JSON out of the box.
Check this list of JavaScript Objects and Functions.
Examples for usage of JSON
http://doc.qt.io/qt-5/qtquick-demos-tweetsearch-example.html
https://wiki.qt.io/JSONListModel

XML:
QML has eased the use of XML by providing XmlListModel and XmlRole
Check out an example here http://doc.qt.io/qt-5/qtquick-demos-rssnews-example.html

Apart from that I think you should also have a look at Local Storage support. QML has inbuilt support for SQLite database.
Going further you may also feel the need to interact with QML from C++. Following topics should help you in that case:

• http://doc.qt.io/qt-5/qtqml-cppintegration-topic.html
• http://doc.qt.io/qt-5/qtqml-cppintegration-interactqmlfromcpp.html

Later you may feel a need to be able to create QML object on the fly i.e at runtime to improve performance and other. Following will help you in that case:

• http://doc.qt.io/qt-5/qtqml-javascript-dynamicobjectcreation.html
• http://doc.qt.io/qt-5/qml-qtquick-loader.html

To fine tune them:

• http://doc.qt.io/qt-5/qtquick-performance.html

Also an important concept to go through and most frequently required is models and views. QML supports C++ models as well.
For an overview

• http://doc.qt.io/qt-5/qtquick-modelviewsdata-modelview.html

For usage of C++ models

• http://doc.qt.io/qt-5/qtquick-modelviewsdata-cppmodels.html

and the QML inbuilt models

• http://doc.qt.io/qt-5/qtqml-models-qmlmodule.html

Hope this helps you.