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
10
votes
1 answer

Qt Quick memory usage

Working on a medium size Qt project we've noticed, that memory consumption is surprisingly high when there is not much going on on the screen. My attempts to find some kind of memleak led me to CREATE_QML_OBJECT macro, where qml instance objects are…
vim
  • 454
  • 4
  • 11
10
votes
3 answers

Binding Checkbox 'checked' property with a C++ object Q_PROPERTY

I'm learning QtQuick and I'm playing with data binding between C++ classes and QML properties. In my C++ object Model, I have two properties : Q_PROPERTY(QString name READ getName WRITE setName NOTIFY nameChanged) Q_PROPERTY(bool status READ…
Neozaru
  • 1,109
  • 1
  • 10
  • 25
10
votes
1 answer

How to show a context menu on right click in TableView rowDelegate

I want to show a context menu when right-clicking on TableView rows. I tried this code: import QtQuick 2.0 import QtQuick.Controls 1.0 TableView { id: tableView width: 300 height: 200 TableViewColumn { role: 'a'; title: 'a'; width: 50…
silviubogan
  • 3,343
  • 3
  • 31
  • 57
10
votes
3 answers

Integrating SQLite with Qt Quick

I’m trying to include a SQLite database with QT Quick but I can’t find any examples. I just want to be able to access items from a database. Does anyone know of any example programs I can play with?
Wanting to learn
  • 468
  • 1
  • 7
  • 25
10
votes
1 answer

Custom URL protocol handler Qt 5

I want to use a Video/MediaPlayer QML element in my app, and have it play a video from a custom stream. QMediaPlayer seems to support this since you can tell it to read from a QIODevice which can do anything you want. But MediaPlayer only supports a…
Timmmm
  • 88,195
  • 71
  • 364
  • 509
9
votes
1 answer

QML: Issue while renderring qml screen

I am facing problem while rendering QML screen on one of the development boards On some of the screens I have throbber gif image where I can see the background color of the screen as shown in this image. on some screen I have list view which I am…
ABS
  • 141
  • 3
9
votes
1 answer

Error module "QtQuick" version 2.12 is not installed

I have installed Qt 4.5.0 community and I am trying to build my project with Qt5.10.0 MinGW 32 bit. Having QtQuick 2.12 imported in my qml file in a qtquick project, I face with the following error: module "QtQuick" version 2.12 is not…
HoOman
  • 455
  • 1
  • 7
  • 15
9
votes
3 answers

qml using Row to align components in the center

I am using Row to layout some buttons on a Rectangle which is my custom toolbar implementation. The problem is no matter what I do, the components are always aligned from the left. I would like them to be aligned with the center of the row and…
user42140
  • 257
  • 1
  • 2
  • 5
9
votes
5 answers

How do I set the ComboBox width to fit the largest item

I would like that my ComboBox has to adapt its width to the longest String Item of my list. Code Example: ComboBox { model: [ "Banana", "Apple", "ThisIsTheLongestWordThatIHave,"Coconut" ] } Any idea of how to do it?
Ed Nio
  • 593
  • 2
  • 11
  • 27
9
votes
1 answer

QML ListView, How to make list elements to not overlap the header, when scrolling

I have ListView with a header delegate enabled. I have a header positioning property set to "OverlayHeader". The header will stay in place when scrolling through the elements. However, the elements will overlap the header. Is there a way to…
EnriqueH73
  • 177
  • 1
  • 2
  • 8
9
votes
3 answers

Measuring elapsed time in QML

Let's consider the following example: we have a Qt Quick Controls Button. The user clicks it twice within 5 seconds. After pushing the Button for the first time, the QML Timer is running for these 5 seconds. We want to measure the time elapsed…
marmistrz
  • 5,974
  • 10
  • 42
  • 94
9
votes
1 answer

How to override signal handler of superclass component

I have a base class item something like this: Base.qml: Item { Thing { id: theThing; onMySignal: { console.log("The signal"); } } } And I'm trying to make a derived item - Derived.qml. How can I override the onMySignal…
GreenAsJade
  • 14,459
  • 11
  • 63
  • 98
9
votes
1 answer

Custom window frame behaving differently across qt builds (ANGLE vs OpenGL)

My task is to create a window for QtQuick with possibility to use it like a common window but with custom frame look (not the default system decoration). I would like to achieve effect similar to Visual Studio window or something like this. Code…
Marek Wawrzos
  • 326
  • 1
  • 11
9
votes
3 answers

Qml timer not triggered in the right interval

I've created a timer QML app, and I'm using Timer qml component. The interval is set to 1000 milliseconds (the default one)... but it seems to be working properly only when the app is with focus on it. When I put it in background it seems that it's…
dfranca
  • 5,156
  • 2
  • 32
  • 60
9
votes
3 answers

QML Screen Coordinates of Component

If I have a simple, self-contained QML application, I can get the absolute screen coordinates of a component by saying Component.onCompeted: { var l = myThing.mapToItem(null, 0, 0) console.log("X: " + l.x + " y: " + l.y) } where myThing…
Paul Carlisle
  • 415
  • 1
  • 5
  • 11