Questions tagged [qt-quick]

Qt Quick is a framework that provides a declarative way of building custom, highly dynamic user interfaces with fluid transitions and effects, which are becoming more and more common especially in mobile devices.

Qt Quick is a framework that provides a declarative way of building custom, highly dynamic user interfaces with fluid transitions and effects, which are becoming more and more common especially in mobile devices.

Qt Declarative is a runtime interpreter that reads the Qt declarative user interface definition, QML data, and displays the UI that it describes. The QML syntax allows using JavaScript to provide the logic, and it is often used for this purpose. It is not the only way, however: logic can be written with native code as well.

Qt Quick and QML are officially supported in Qt 4.7 (with Qt Creator 2.1), and it is a commercial option in mobile applications when Qt 4.7 is available for deployment in Symbian and Maemo/MeeGo devices.

Qt Quick provides everything needed to create a rich application with a fluid and dynamic user interface. It enables user interfaces to be built around the behavior of user interface components and how they connect with one another, and it provides a visual canvas with its own coordinate system and rendering engine. Animation and transition effects are a first class concept in Qt Quick, and visual effects can be supplemented through specialised components for particle and shader effects.

Video Course

Pluralsight offers a course, Qt Quick Fundamentals, which specifically targets learning Qt Quick. It is part 2 of a three part course on the Qt framework.

Pluralsight is subscription based, but if you're only interested in Qt or Qt Quick you can send the author @todgentille a private tweet and request a week long VIP pass. You'll get unlimited access to the higher subscription level for a week that allows viewing online and offline and you can download the course materials.

884 questions
17
votes
4 answers

How to add detachable areas (QDockWidget) to a QML application

How do I add detachable areas to a QML ApplicationWindow? Take the following application (Tiled) as an example. It has multiple detachable areas. In the first image all areas are attached, while in the second one area is in the process of being…
Appleshell
  • 7,088
  • 6
  • 47
  • 96
17
votes
4 answers

Assigning Keyboard Shortcuts to QML Components

I am deep into building a Desktop Application with QML and Qt Creator and I am currently researching keyboard handling and how it works with QML elements. I am already aware of the lack of proper QML replacements for Desktop Widgets. My current…
Vikas Bhargava
  • 691
  • 1
  • 9
  • 22
17
votes
1 answer

QML: how to handle mouse over?

QML: how to handle mouse over event on MouseArea? Can any one provide simple example or say what is wrong with mine? import QtQuick 1.1 Image { source: "quit.png" scale: mouseArea.containsMouse ? 0.8 : 1.0 smooth:…
myWallJSON
  • 9,110
  • 22
  • 78
  • 149
16
votes
4 answers

'Traditional Qt' or 'Qt Quick' for a desktop program?

Nokia has just introduced Qt Quick (build UI declaratively like using CSS/HTML) in the recent beta versions of Qt, check this example page, it can build fancy and modern UI, very cool! On the opposite, the UI developed by 'traditional Qt' seems to…
Edwin Yip
  • 4,089
  • 4
  • 40
  • 86
16
votes
3 answers

Change Font Size of Button in Qt QML

How can the font size of the text in a Button control be set in QML? The designer has not option, and 'font' is not a valid property of Button. Button { id: cmdQuit text: qsTr("Quit") width: 64 height: 32 }
user1054922
  • 2,101
  • 2
  • 23
  • 37
15
votes
3 answers

Align horizontalcenter in Column

Column documentation explains how to achieve this: However, I would like to achieve this: That is, all items inside the Column should be horizontally aligned to the center. anchors.horizontalCenter: parent.Center does not work. How can I obtain…
avb
  • 1,701
  • 5
  • 22
  • 37
15
votes
2 answers

New drag-and-drop mechanism does not work as expected in Qt-Quick (Qt 5.3)

I've tried to implement drag and drop in Qt 5.3 using the new QML types Drag, DragEvent and DropArea. This is the original example from the documentation of the QML Drag type with some small modifications: import QtQuick 2.2 Item { width: 800;…
isnot2bad
  • 24,105
  • 2
  • 29
  • 50
15
votes
1 answer

How to print a QQuickView's contents to PDF?

I'm upgrading some Qt (C++ & QML) code from Qt4.8 to Qt5.1. The Qt4.8 code is a trivial C++ "QML viewer" app subclassing a QDeclarativeView, and a bunch of QML. It's been easy enough to change this to use Qt5/QtQuick2's QQuickView except for one…
timday
  • 24,582
  • 12
  • 83
  • 135
15
votes
5 answers

How do I show a message box with Qt Quick Controls?

What is the equivalent of QMessageBox::information() when one wishes to write a QML application using Qt Quick Controls?
Timmmm
  • 88,195
  • 71
  • 364
  • 509
14
votes
4 answers

Is it possible to deploy a Qt Quick application without Qt Network on OS X?

I have a Qt Quick application using the following modules QT = core gui qml quick widgets \ core-private gui-private \ multimedia printsupport` which I deploy on OS X. Now my main binary as well as a lot of Qt Qtick plugins show a…
Simon Warta
  • 10,850
  • 5
  • 40
  • 78
14
votes
2 answers

If statement in QML

Completely new to QT and QML. I'm trying to set the color of a rectangle based on the relationship between the two propery doubles callValue and handRaiseXBB, but I get the error unexpected token if" and expected a qualified name id Could…
Q-bertsuit
  • 3,223
  • 6
  • 30
  • 55
14
votes
5 answers

How to implement QML ListModel like get method for an QAbstractListModel derived model

I want to use an QAbstractListModel derived model in QML. Binding the model to views already works great. The next thing I want achieve is the ability to access specific items and their role like it is possible with a QML…
avb
  • 1,701
  • 5
  • 22
  • 37
14
votes
1 answer

error: 'qmlRegisterType' was not declared in this scope

Working with Qt 5 and QtQuick 2.0 .pro # Add more folders to ship with the application, here folder_01.source = qml/untitled folder_01.target = qml DEPLOYMENTFOLDERS = folder_01 # Additional import path used to resolve QML modules in Creator's code…
Aquarius_Girl
  • 21,790
  • 65
  • 230
  • 411
14
votes
2 answers

Rendering custom opengl in qt5's qtquick 2.0

I'm looking for a way to render my custom opengl calls inside a qtquick 2.0 item. To give you some context: I have a C++ 3d engine that uses opengl for rendering. The goal is to have it rendering inside a qtquick 2.0 UI. What I found out is that pre…
wulfgeng
  • 585
  • 4
  • 8
13
votes
2 answers

Is Qt Quick the way to go to build a modern GUI for a C++ application?

After 4 years of absence I'm finally coming back to Qt development again. I'm quite impressed by the development it has gone through, but also a bit confused by Qt Quick, which got just introduced in Qt 4.7 For me it seems like something to build a…
znq
  • 44,613
  • 41
  • 116
  • 144
1
2
3
58 59