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
7
votes
2 answers

Creating a scalable, glossy/shiny button with Qt Quick

I'd like to create the glossy button below with Qt Quick (preferably with pure QML, no C++): It needs to be scalable, so I can't use PNGs, etc. My code so far: import QtQuick 2.3 import QtQuick.Controls 1.2 import QtQuick.Controls.Styles…
Mitch
  • 23,716
  • 9
  • 83
  • 122
7
votes
2 answers

QtQuick, Dynamic Images and C++

I'm new to Qt, and from what I've read on qt-project.org and other places; QtQuick seems like an attractive option because of its ability to work on both pointer and touch based devices. My problem is getting it to work well with c++. I decided to…
justinzane
  • 1,897
  • 1
  • 26
  • 38
7
votes
2 answers

QtQuick, how to know if a application was compiled on debug or release mode?

At Qt/C++ there is QT_DEBUG define macro to know when it is compiled at debug or release. Is there any method to know if is the application running in debug o release mode inside a QML file?
Ricardo
  • 667
  • 9
  • 25
7
votes
1 answer

QtQuick 2.0 scene on top of Direct3D scene

I have been trying to come up with a solution for having a QtQuick 2.0 scene together with a Direct3D scene for quite a while, but wasn’t very successful. My goal is to have a Direct3D engine running at reasonable speed (60 FPS?) together with QML…
PiN
  • 126
  • 3
7
votes
1 answer

C++/QML project compatible with both Qt 4 (QtQuick 1.x) and Qt 5 (QtQuick 2.x)

When writing a Qt application which doesn't use QML, and doesn't depend on new Qt 5 features, we can compile it with both Qt 4 and Qt 5 (except for the few source incompatibilities). When we want to use a Qt 5 feature but want to fall back to an…
leemes
  • 44,967
  • 21
  • 135
  • 183
7
votes
1 answer

Qt 5: read property inside Loader

How to read property timeout located inside Loader object in Qt5 QML Quick 2.0? import QtQuick 2.0 Rectangle { width: 100 height: 100 color: "black" property Component comp1 : Component { Rectangle { id: abc …
Dmitry
  • 906
  • 1
  • 13
  • 32
7
votes
1 answer

Error: QOpenGLShader: could not create shader - when compiling QtQuick applications with Qt5.2 Mingw OpenGL

I've downloaded and installed "Qt 5.2 mingw (opengl and x86)" version. When i run Qt projects with this version of Qt, there is no problem. But when i run a Qt Quick application, the program crash and following messages log in debug: getProcAddress:…
Mosi
  • 1,178
  • 2
  • 12
  • 30
7
votes
1 answer

Qt Quick 1.1: How to slide elements out of a QML listview when removed?

In my application UI, I display a number of elements in a QML listview and when one of them is removed, it is supposed to slide up behind the element above it in an animated manner. The code to achieve this is really similar to this sample from Qt…
ssc
  • 9,528
  • 10
  • 64
  • 94
6
votes
2 answers

QML translation

I try to use translation in QML. I opened a new project QtQuick project, I chose QtQuick Componenets for Symbian as a QtQuick Application Type. Qt Creator created a application source tree with all standard files (main.cpp, main.qml,…
webaloman
  • 221
  • 1
  • 4
  • 14
6
votes
3 answers

contains(regexp) on what is possibly a Qstring/string in QML

I have a code snippet in QML which should look for the regexp "Calling" in screen.text, and if it is not found, only then does it change the screen.text.Unfortunately, the documentation is not clear in QML/QString documentation. Button{ …
Arnab Datta
  • 5,356
  • 10
  • 41
  • 67
6
votes
2 answers

Qt/QML: Text with inline QML elements

We are building a graphical user interface with QtQuick/QML. We have some dynamic, multi-line text coming from a database, which should be displayed in the application. Currently, we are using the Text element to display the text. However, we need…
Œlrim
  • 535
  • 2
  • 13
6
votes
3 answers

Animating on Text change

Is there anything for animating text changes? there is already animations for property changes, for example this code do the animation for properties opacity, width and scale and whenever they changed by states, they will get…
e.jahandar
  • 1,715
  • 12
  • 30
6
votes
2 answers

Custom attached properties in QML

I'm creating a custom QML component (a specialization of ListView that allows multiple selection). I'd like to provide attached properties to objects provided to my component. I see how to create attached properties using C++. However, I cannot find…
Phrogz
  • 296,393
  • 112
  • 651
  • 745
6
votes
2 answers

Load qml component/file from local file system

My application has the following structure: There is a main.cpp which loads a file named main.qml from a qrc file. Contents of the qrc: /qml/main.qml /qml/CustomUiElement.qml /qml/WidgetQmlInQrc.qml In this main.qml, i'm loading other qml…
ledo
  • 107
  • 3
  • 6
6
votes
1 answer

QML: onDragStarted / finished not called even though the drag property is active

In the following example I would expect that onDragStarted / onDragFinished are called when one rectangle is dragged. However only drag.onActiveChanged (of the mouseArea) and Drag.onActiveChanged (of the rectangle are called). I get the expected…
Nils
  • 13,319
  • 19
  • 86
  • 108