● Easy to learn
● Easy to customize
● Easy to extension
● Plentiful UI interaction, animation,
What is QML ?
Qt Meta/ Modeling/ Mockup Language
What is QtQuick ?
Qt library provide type and functionality to QML
QtQuick for all QML types
o Visual - Item, Rectangle, Text, Image, …etc.
o Input - TextInput, MouseArea, IntValidator, ...etc.
o Positioning - Column, Row, Grid,...etc.
o Model/View - ListView, GridView, ListModel, ...etc.
o Convenience - Timer, Connections, ... etc.
Local storage, Window, Dialogs, Controls,
Layouts, Particles, XML List Model
Category of QML module
● IDE for QML/C++
● Kit (套件) for building
o Qt version, compiler, device, other settings
● Set environment
o path (C:QtQt22.214.171.124msvc2013_64_openglbin)
o QTDIR (ex: C:QtQt126.96.36.199msvc2013_64_opengl)
● ctrl + b: build
● ctrl + r: run
● ctrl + k: location
● ctrl + tab: switch file
● F1: go to document
● F2: go to symbol
● F4: switch between cpp & header
● int, bool, real, double, string, url, variant, var
● color, font, date, point, size, rect