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
Forum Updated to NodeBB v4.3 + New Features

load two file qml

Scheduled Pinned Locked Moved Solved General and Desktop
14 Posts 2 Posters 1.1k 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
    #3
    This post is deleted!
    1 Reply Last reply
    0
    • 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