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?
Qt 6.11 is out! See what's new in the release blog

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

Scheduled Pinned Locked Moved QML and Qt Quick
13 Posts 2 Posters 4.7k 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
    #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