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

Calling C++ method from QML (Qt Quick application)

So, I've done some searching and none of the similar questions I've read have had advice that worked. I'm using Qt Creator (and I'm not too familiar with Qt) so I'm not sure what voodoo it's done in the background. However, I'm using a standard Qt…
Logan
  • 1,614
  • 1
  • 14
  • 27
8
votes
2 answers

QML : Navigation between qml pages from design perception

We need to develop a QtQuick project, where we have about 100 screens. I had tried to make a demo project for the navigation which has three screens on button click. I had used the concepts of 'States' in the navigation between the pages. Initially…
DNamto
  • 1,342
  • 1
  • 21
  • 42
8
votes
1 answer

How to expose a C++ Model to QML

I'm writing a QML+Qt application . I defined a class like this : class MainClass : public QObject { Q_OBJECT public: rosterItemModel m_rosterItemModel; . . . } rosterItemModel model is a class derived from QAbstractListModel. I exposed…
s4eed
  • 7,173
  • 9
  • 67
  • 104
8
votes
3 answers

How to delay JavaScript action within QML?

I am building a C++ application based on QML. To make it simple : In my main QML file, I have a button (Rectangle) calling a JavaScript function (defined in an external JS file) when clicked: // My JS file linked to the main QML…
Benoit
  • 680
  • 1
  • 6
  • 17
7
votes
3 answers

How to Emit signals from javascript to qml

I want to emit signal from javascript-file and receive it in qml-file (To find when time-consuming operation will finished). How can I do it?
aleks_misyuk
  • 567
  • 1
  • 4
  • 16
7
votes
1 answer

Applying MVVM pattern in a QtQuick

How can i apply MVVM pattern in QtQuick applications? Can anybody give me any sample (simple) code? Thanks
S.M.Mousavi
  • 5,013
  • 7
  • 44
  • 59
7
votes
1 answer

How to make ListView items height dynamic based on inner content?

In following listview's items, length of text can be different (10, or 1000 characters), so I want make each list view item height fit text height. (Like css height: auto). Component { id: sysNotificationsDelegate Rectangle…
Teimuraz
  • 8,795
  • 5
  • 35
  • 62
7
votes
1 answer

Module "QtQuick.Controls" is not installed on Raspberry Pi

I'm trying to compile some qml on a Raspberry pi 3 running Raspbian-Jessie using qt5 (5.3.2). I managed to run some simple stuff but now I need to use QtQuick.Controls so I added import QtQuick.Controls 1.0 to my qml file but when I try to run it, I…
DeadlyJesus
  • 1,503
  • 2
  • 12
  • 26
7
votes
3 answers

Dynamically create C++ object from QML

I want to dynamically create a C++ object from QML. I created a QObject derived class named Car and exposed it to QML using qmlRegisterType("org.qtproject.models", 1, 0, "Car");. Inside QML I am able to instantiate a Car object like this: Car…
Jacob Krieg
  • 2,834
  • 15
  • 68
  • 140
7
votes
4 answers

Cannot Connect to QML Emluation Layer (QML Puppet)

I just made the fresh QT installation and when I create empty QT Quick project or open any of existing QT Quick examples, my QML designer doesn't work. It shows "Cannot Connect to QML Emluation Layer (QML Puppet)" error. I tried to reinstall QT,…
splattru
  • 608
  • 1
  • 9
  • 19
7
votes
2 answers

MouseArea inside Flickable is preventing it from flicking

I'm implementing gesture catcher (swipe left/right) with MouseArea. It should work inside Flickable with vertical flickableDirection. Also it should propagate mouse events to other elements beneath it in visual stack order. The problem is that child…
rsht
  • 1,522
  • 12
  • 27
7
votes
2 answers

How to create a window without a title bar but with the close/minimize/maximizie buttons in QML?

I want to create an application without the title bar, but with native close, minimize and maximize buttons. This is the intent of the layout: The app is built using Go and QML. I was able to remove the title bars by adding: flags:…
7
votes
3 answers

How to create grouped/nested properties?

I am trying to do nested properties like 'font.family' or 'anchors.fill', but I cannot initialize them in normal way because it prints 'Cannot assign to non-existent property'. Instead I am forced to use Component.onCompleted method. What's…
Mateusz Drost
  • 1,171
  • 10
  • 23
7
votes
1 answer

Comparison of two approaches to rendering raw OpenGL into a QML UI in Qt

According to this article, there are two main methods for rendering raw OpenGL into an application whose UI is otherwise managed by QtQuick's scene graph. In short, they are (according to my understanding): Calling raw OpenGL methods in…
Andrey Mishchenko
  • 3,986
  • 2
  • 19
  • 37
7
votes
1 answer

Get QML root object from anywhere in a code in Qt 5.3

How to retrieve a root object (the code below returns 0, rootContext()->findChild() also returns 0) from anywhere in a C++ code (a class method where the class is a registered QML type and the class component definition is a direct child of the…
alexander.sivak
  • 4,352
  • 3
  • 18
  • 27