Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. General and Desktop
  4. load two file qml
Qt 6.11 is out! See what's new in the release blog

load two file qml

Scheduled Pinned Locked Moved Solved General and Desktop
14 Posts 2 Posters 2.6k Views
  • 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.
  • Pradeep P NP Pradeep P N

    Hi @vale88

    Can you please provide width & height for your Item { }.
    You can even directly use Dial {} without Item {}.

    Sample code :

    • CPP
    Widget::Widget(QWidget *parent)
        : QWidget(parent)
        , _HBLyt(new QHBoxLayout(this))
        , _qml1(new QQuickWidget)
        , _qml2(new QQuickWidget)
    {
    
        _qml1->setSource(QUrl::fromLocalFile(":/One.qml"));
        _qml2->setSource(QUrl::fromLocalFile(":/Two.qml"));
    
        _HBLyt->addWidget(_qml1);
        _HBLyt->addWidget(_qml2);
    
    }
    
    • QML
      • One.qml & Two.qml
    import QtQuick 2.9
    import QtQuick.Extras 1.4
    
    Item {
        width: 100;
        height: 100
    
        Dial { }
    }
    --------------------------
    import QtQuick 2.9
    
    Rectangle {
        width: 100;
        height: 100
        color: 'red'
    }
    
    

    Result of my sample:

    07297350-ec8d-4ca8-bde4-885e557b4d6b-image.png

    All the best

    V Offline
    V Offline
    vale88
    wrote on last edited by
    #4

    @Pradeep-P-N it's strange because in qml I have this image:

    Cattura.PNG

    in mainwindow this:

    Cattura1.PNG

    Pradeep P NP 1 Reply Last reply
    0
    • V vale88

      @Pradeep-P-N it's strange because in qml I have this image:

      Cattura.PNG

      in mainwindow this:

      Cattura1.PNG

      Pradeep P NP Offline
      Pradeep P NP Offline
      Pradeep P N
      wrote on last edited by
      #5

      @vale88
      Can you please share me your Dial {} sample code if possible ?

      Below is the result of using Customizing Dial.

      464af003-dfd6-4566-a593-f526530574ba-image.png

      Pradeep Nimbalkar.
      Upvote the answer(s) that helped you to solve the issue...
      Keep code clean.

      V 1 Reply Last reply
      1
      • Pradeep P NP Pradeep P N

        @vale88
        Can you please share me your Dial {} sample code if possible ?

        Below is the result of using Customizing Dial.

        464af003-dfd6-4566-a593-f526530574ba-image.png

        V Offline
        V Offline
        vale88
        wrote on last edited by
        #6

        @Pradeep-P-N

        import QtQuick 2.0
        import QtQuick.Extras 1.4
        import QtGraphicalEffects 1.0
        import QtQuick.Window 2.10
        import QtQuick.Controls 2.3
        
        
        Item{
            x: 10
            y: 0
        
            width:100
            height:100
        
        
        Dial{
        id: control
        
        from:0
        to:100
        
        
            background: Rectangle {
                x: 5
                y: 5
                width: 70
                height:70
                color: "black"
                radius: width / 2
                transformOrigin: Item.Right
                border.color: control.pressed ? "#17a81a" : "#21be2b"
                opacity: control.enabled ? 1 : 0.3
        
            }
        
        //    handle: Rectangle {
        //        id: handleItem
        //        x: control.background.x + control.background.width / 2 - width / 2
        //        y: control.background.y + control.background.height / 2 - height / 2
        //        width: 12
        //        height: 12
        //        color: "white"
        //        radius: 8
        //        antialiasing: true
        //        opacity: control.enabled ? 1 : 0.3
        //        transform: [
        //            Translate {
        //                y: -Math.min(control.background.width, control.background.height) * 0.4 + handleItem.height / 2
        //            },
        //            Rotation {
        //                angle: control.angle
        //                origin.x: handleItem.width / 2
        //                origin.y: handleItem.height / 2
        //            }
        //        ]
        //    }
        
        Connections
        {
            target: yourObject1
            onSliderMoved: control.value = (position)
        }
        
        
        
        }
        }
        
        

        I have also problem with connection..in mainwindow.cpp I wrote:

        
            ui->quickWidget->engine()->rootContext()->setContextProperty("yourObject",ui->horizontalSlider);
        
            ui->quickWidget_2->engine()->rootContext()->setContextProperty("yourObject1",ui->horizontalSlider_3);
        
        
        
        
        
        
            ui->quickWidget->setSource(QUrl("qrc:///qml.qml"));
        
            ui->quickWidget_2->setSource(QUrl("qrc:///sl.qml"));
        
        
        Pradeep P NP 1 Reply Last reply
        0
        • V vale88

          @Pradeep-P-N

          import QtQuick 2.0
          import QtQuick.Extras 1.4
          import QtGraphicalEffects 1.0
          import QtQuick.Window 2.10
          import QtQuick.Controls 2.3
          
          
          Item{
              x: 10
              y: 0
          
              width:100
              height:100
          
          
          Dial{
          id: control
          
          from:0
          to:100
          
          
              background: Rectangle {
                  x: 5
                  y: 5
                  width: 70
                  height:70
                  color: "black"
                  radius: width / 2
                  transformOrigin: Item.Right
                  border.color: control.pressed ? "#17a81a" : "#21be2b"
                  opacity: control.enabled ? 1 : 0.3
          
              }
          
          //    handle: Rectangle {
          //        id: handleItem
          //        x: control.background.x + control.background.width / 2 - width / 2
          //        y: control.background.y + control.background.height / 2 - height / 2
          //        width: 12
          //        height: 12
          //        color: "white"
          //        radius: 8
          //        antialiasing: true
          //        opacity: control.enabled ? 1 : 0.3
          //        transform: [
          //            Translate {
          //                y: -Math.min(control.background.width, control.background.height) * 0.4 + handleItem.height / 2
          //            },
          //            Rotation {
          //                angle: control.angle
          //                origin.x: handleItem.width / 2
          //                origin.y: handleItem.height / 2
          //            }
          //        ]
          //    }
          
          Connections
          {
              target: yourObject1
              onSliderMoved: control.value = (position)
          }
          
          
          
          }
          }
          
          

          I have also problem with connection..in mainwindow.cpp I wrote:

          
              ui->quickWidget->engine()->rootContext()->setContextProperty("yourObject",ui->horizontalSlider);
          
              ui->quickWidget_2->engine()->rootContext()->setContextProperty("yourObject1",ui->horizontalSlider_3);
          
          
          
          
          
          
              ui->quickWidget->setSource(QUrl("qrc:///qml.qml"));
          
              ui->quickWidget_2->setSource(QUrl("qrc:///sl.qml"));
          
          
          Pradeep P NP Offline
          Pradeep P NP Offline
          Pradeep P N
          wrote on last edited by
          #7

          @vale88
          It looks fine for me,

          I have just used your code. and just removed the Connection {} to Slider

          bba9dd0f-c2d8-4f19-b1e0-445b36d0babc-image.png

          All the best.

          Pradeep Nimbalkar.
          Upvote the answer(s) that helped you to solve the issue...
          Keep code clean.

          V 1 Reply Last reply
          1
          • Pradeep P NP Pradeep P N

            @vale88
            It looks fine for me,

            I have just used your code. and just removed the Connection {} to Slider

            bba9dd0f-c2d8-4f19-b1e0-445b36d0babc-image.png

            All the best.

            V Offline
            V Offline
            vale88
            wrote on last edited by
            #8

            @Pradeep-P-N

            I don't understand, I have problems when I show my qml dial in mainwindow

            Pradeep P NP 1 Reply Last reply
            0
            • V vale88

              @Pradeep-P-N

              I don't understand, I have problems when I show my qml dial in mainwindow

              Pradeep P NP Offline
              Pradeep P NP Offline
              Pradeep P N
              wrote on last edited by Pradeep P N
              #9

              @vale88

              • Which platform and Qt you are using. I am working with Qt 5.9.8 on Windows
              • Do you have any warnings or errors in your Application Output ?

              Below is with Connections {} - QSlider

              1ae3b127-3405-45d5-9586-3d537cd19a14-image.png

              All the best.

              Pradeep Nimbalkar.
              Upvote the answer(s) that helped you to solve the issue...
              Keep code clean.

              V 1 Reply Last reply
              1
              • Pradeep P NP Pradeep P N

                @vale88

                • Which platform and Qt you are using. I am working with Qt 5.9.8 on Windows
                • Do you have any warnings or errors in your Application Output ?

                Below is with Connections {} - QSlider

                1ae3b127-3405-45d5-9586-3d537cd19a14-image.png

                All the best.

                V Offline
                V Offline
                vale88
                wrote on last edited by vale88
                #10

                @Pradeep-P-N qt creator with MSCV compiler,

                I saw that if I use two different projects it works, but I have two files qml with connection and it doesn't work
                can I send you my project?

                Pradeep P NP 1 Reply Last reply
                0
                • V vale88

                  @Pradeep-P-N qt creator with MSCV compiler,

                  I saw that if I use two different projects it works, but I have two files qml with connection and it doesn't work
                  can I send you my project?

                  Pradeep P NP Offline
                  Pradeep P NP Offline
                  Pradeep P N
                  wrote on last edited by
                  #11

                  @vale88

                  0ea42916-5ba7-46bd-a942-99beaebf8dc5-image.png

                  Pradeep Nimbalkar.
                  Upvote the answer(s) that helped you to solve the issue...
                  Keep code clean.

                  V 1 Reply Last reply
                  1
                  • Pradeep P NP Pradeep P N

                    @vale88

                    0ea42916-5ba7-46bd-a942-99beaebf8dc5-image.png

                    V Offline
                    V Offline
                    vale88
                    wrote on last edited by vale88
                    #12

                    @Pradeep-P-N uff...for me it isn't..maybe is it compiler?
                    can you send me code modified? also do connections work?

                    Pradeep P NP 1 Reply Last reply
                    0
                    • V vale88

                      @Pradeep-P-N uff...for me it isn't..maybe is it compiler?
                      can you send me code modified? also do connections work?

                      Pradeep P NP Offline
                      Pradeep P NP Offline
                      Pradeep P N
                      wrote on last edited by
                      #13

                      @vale88 sure. I can.
                      Are you sure you don't have qml errors warnings. ?

                      Pradeep Nimbalkar.
                      Upvote the answer(s) that helped you to solve the issue...
                      Keep code clean.

                      V 1 Reply Last reply
                      1
                      • Pradeep P NP Pradeep P N

                        @vale88 sure. I can.
                        Are you sure you don't have qml errors warnings. ?

                        V Offline
                        V Offline
                        vale88
                        wrote on last edited by
                        #14

                        @Pradeep-P-N yes I have a warning:
                        Cattura.PNG

                        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