Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. QML and Qt Quick
  4. Why Qt Quick examples work, while mine ask for the qml files?
Forum Updated to NodeBB v4.3 + New Features

Why Qt Quick examples work, while mine ask for the qml files?

Scheduled Pinned Locked Moved QML and Qt Quick
13 Posts 2 Posters 2.3k Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • sierdzioS Offline
    sierdzioS Offline
    sierdzio
    Moderators
    wrote on last edited by
    #2

    Maybe the examples store QML in Qt Resource Files that are being compiled into the binary. Or they use qmake's deployment to copy the data. Or they build with hardcoded paths to QML files.

    There are many ways to achieve the goal. I would recommend taking a look at QRC (Qt Resource System), as this is probably the easiest and most flexible way to do it.

    (Z(:^

    1 Reply Last reply
    0
    • ealioneE Offline
      ealioneE Offline
      ealione
      wrote on last edited by
      #3

      Storing my qml file using the resource system is exactly what I am doing. Yet it still complains that it cannot find the file.

      My root directory is '/' and I try to find my qml file using

      @view->setSource(QUrl("qrc:///button1.qml"));@

      I doubt I am doing something wrong with the path as it is taken from the example.

      1 Reply Last reply
      0
      • sierdzioS Offline
        sierdzioS Offline
        sierdzio
        Moderators
        wrote on last edited by
        #4

        In your original post, you have mentioned square.qml, now you are showing a snippet with button1.qml. I hope you are aware of that.

        There are a few possibilities, where your code or setup might be wrong, so please post:

        • your .pro file (esp. the RESOURCES section)
        • your .rcc file (I want to see how button1.qml is added to the resource file)
        • please tell us what "view" is: QQuickView, QWindow, maybe the app launcher?
        • please post the code of button1.qml. In particular, I need to know whether this is a plain component, or a Window
        • please post all errors and warnings that the application is printing when you run it

        Things that - from our current discussion - can be wrong:

        • maybe you are trying to include a component, which source file starts with lower case, instead of upper case letter like QML engine expects
        • you may be mixing QML Window and QQuickview in a wrong way (QQuickView expects plain QML components, not the Window)
        • maybe the path in QRC file is wrong and the button1.qml file is not really there
        • possibly you need to use different qrc scheme

        (Z(:^

        1 Reply Last reply
        0
        • ealioneE Offline
          ealioneE Offline
          ealione
          wrote on last edited by
          #5

          That rectangle became the button :p

          I do many random tests and I changed its name during the two posts.

          Here is what you asked for, straight from the last iteration. Some names may not be the same but its the exact same code.

          .pro file

          @QT += core gui quick declarative qml
          greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

          TARGET = QMLComponentInCpp
          TEMPLATE = app

          SOURCES += main.cpp
          mainwindow.cpp

          HEADERS += mainwindow.h

          FORMS += mainwindow.ui

          OTHER_FILES +=
          button1.qml

          RESOURCES +=
          QMLComponentInCpp.qrc@

          .cpp file

          @QQuickView *view = new QQuickView();
          QWidget *container = QWidget::createWindowContainer(view, this);
          container->setMinimumSize(200, 200);
          container->setMaximumSize(500, 500);
          container->setFocusPolicy(Qt::TabFocus);
          view->setSource(QUrl(":/QmlComponentInCpp/button1.qml")); // I've tried lots of things here
          container->show();@

          qrc named 'QMLComponentInCpp.qrc'

          @<RCC>
          <qresource prefix="/">
          <file>button1.qml</file>
          </qresource>
          </RCC>@

          qml file named 'button1.qml'

          @import QtQuick 2.2
          import QtQuick.Controls 1.1
          import QtQuick.Window 2.0

          Rectangle {
          id: screen
          width: 400
          height: 400
          color: "green"

          Rectangle {
              id: redRect
              width: 200; height: 100
              color: "black"
              anchors.horizontalCenter: screen.horizontalCenter
              anchors.verticalCenter: screen.verticalCenter
          
              MouseArea { id: mouseArea; anchors.fill: parent; hoverEnabled: true }
          
              states: State {
                  name: "pressed"; when: mouseArea.pressed
                  PropertyChanges { target: redRect; scale: 1.2 }
              }
          
              transitions: Transition {
                  NumberAnimation { properties: "scale"; duration: 600; easing.type: Easing.OutElastic }
              }
          }
          

          }@

          This should be all

          1 Reply Last reply
          0
          • sierdzioS Offline
            sierdzioS Offline
            sierdzio
            Moderators
            wrote on last edited by
            #6

            If your application is not widget-based, you can remove the container widget completely: QQuickView can be instantiated and shown alone

            your QRC path is wrong: the resource name should not be there

            both QtQuick.Window and QtQuick.Controls imports are not needed

            you don't needed declarative included in your .pro file

            But in general, this code looks correct. I do not know why it is not working.

            (Z(:^

            1 Reply Last reply
            0
            • ealioneE Offline
              ealioneE Offline
              ealione
              wrote on last edited by
              #7

              Seems that I spotted the culprit.

              qrc:/// is not correct, instead if I just enter qrc:/ it seems ok.

              1 Reply Last reply
              0
              • sierdzioS Offline
                sierdzioS Offline
                sierdzio
                Moderators
                wrote on last edited by
                #8

                Ah, ok. I thought you've already tried. It's very weird, but QRC schemes are a bit magical. Every time I use them, get it wrong the first try ;-)

                (Z(:^

                1 Reply Last reply
                0
                • ealioneE Offline
                  ealioneE Offline
                  ealione
                  wrote on last edited by
                  #9

                  Me too, its that I was getting it wrong for the 20nth time that made me ask :p

                  1 Reply Last reply
                  0
                  • ealioneE Offline
                    ealioneE Offline
                    ealione
                    wrote on last edited by
                    #10

                    Shouldn't setting

                    @view->setResizeMode(QQuickView::SizeRootObjectToView);@

                    make the qml respond when I resize My window?

                    What it actually does is have the correct size when the window opens but won't respond if I resize my main window.

                    1 Reply Last reply
                    0
                    • sierdzioS Offline
                      sierdzioS Offline
                      sierdzio
                      Moderators
                      wrote on last edited by
                      #11

                      Try setting a filling anchor in your main QML file:
                      @
                      anchors.fill: parent
                      @

                      Instead of giving it a width and a height. Although in principle it should work as you expect it to. Maybe the window container stuff is messing things up: I've never used it myself, but the documentation does warn about some limitations.

                      (Z(:^

                      1 Reply Last reply
                      0
                      • ealioneE Offline
                        ealioneE Offline
                        ealione
                        wrote on last edited by
                        #12

                        It must be my widget container then. I will see if I can make it appear without the container.

                        1 Reply Last reply
                        0
                        • ealioneE Offline
                          ealioneE Offline
                          ealione
                          wrote on last edited by
                          #13

                          If anyone else somehow arrives here I can confirm that if you do as sergio suggested and don't use the container things will go as expected.

                          1 Reply Last reply
                          0

                          • Login

                          • Login or register to search.
                          • First post
                            Last post
                          0
                          • Categories
                          • Recent
                          • Tags
                          • Popular
                          • Users
                          • Groups
                          • Search
                          • Get Qt Extensions
                          • Unsolved