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. How to make a SVG at tab Widget ?
Forum Updated to NodeBB v4.3 + New Features

How to make a SVG at tab Widget ?

Scheduled Pinned Locked Moved Solved General and Desktop
55 Posts 6 Posters 10.6k Views 2 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.
  • jsulmJ jsulm

    @RiceBall said in How to make a SVG at tab Widget ?:

    How could I use it ??

    Come on, what's difficult about it?!

    svgWid1->show();
    ...
    qDebug() << svgWid1->renderer()->isValid();
    
    R Offline
    R Offline
    RiceBall
    wrote on last edited by
    #45

    @jsulm said in How to make a SVG at tab Widget ?:

    @RiceBall said in How to make a SVG at tab Widget ?:

    How could I use it ??

    Come on, what's difficult about it?!

    svgWid1->show();
    ...
    qDebug() << svgWid1->renderer()->isValid();
    

    Sorry to ask too much easily question.
    Because I just started learning QT and C++.
    So some documents are difficult for me.

    I try to add code like you writing at customwidget.cpp
    But I can't see any different.

    jsulmJ 1 Reply Last reply
    0
    • R RiceBall

      @jsulm said in How to make a SVG at tab Widget ?:

      @RiceBall said in How to make a SVG at tab Widget ?:

      How could I use it ??

      Come on, what's difficult about it?!

      svgWid1->show();
      ...
      qDebug() << svgWid1->renderer()->isValid();
      

      Sorry to ask too much easily question.
      Because I just started learning QT and C++.
      So some documents are difficult for me.

      I try to add code like you writing at customwidget.cpp
      But I can't see any different.

      jsulmJ Offline
      jsulmJ Offline
      jsulm
      Lifetime Qt Champion
      wrote on last edited by
      #46

      @RiceBall OK, no problem.
      The second line should print something to the console - what do you see there ("Application Output" tab in QtCreator)?

      https://forum.qt.io/topic/113070/qt-code-of-conduct

      R 1 Reply Last reply
      0
      • jsulmJ jsulm

        @RiceBall OK, no problem.
        The second line should print something to the console - what do you see there ("Application Output" tab in QtCreator)?

        R Offline
        R Offline
        RiceBall
        wrote on last edited by
        #47

        @jsulm said in How to make a SVG at tab Widget ?:

        @RiceBall OK, no problem.
        The second line should print something to the console - what do you see there ("Application Output" tab in QtCreator)?

        Do I add code at customwidget.cpp is right ??
        I can't see any QDebug message.

        0_1560510789930_f2b4c22c-dc55-4b26-9c9b-5e85b1f1b2d9-image.png

        jsulmJ 1 Reply Last reply
        0
        • R RiceBall

          @jsulm said in How to make a SVG at tab Widget ?:

          @RiceBall OK, no problem.
          The second line should print something to the console - what do you see there ("Application Output" tab in QtCreator)?

          Do I add code at customwidget.cpp is right ??
          I can't see any QDebug message.

          0_1560510789930_f2b4c22c-dc55-4b26-9c9b-5e85b1f1b2d9-image.png

          jsulmJ Offline
          jsulmJ Offline
          jsulm
          Lifetime Qt Champion
          wrote on last edited by
          #48

          @RiceBall Are you sure you create an instance of customwidget? Because I don't see the output of qDebug().

          https://forum.qt.io/topic/113070/qt-code-of-conduct

          R 1 Reply Last reply
          0
          • jsulmJ jsulm

            @RiceBall Are you sure you create an instance of customwidget? Because I don't see the output of qDebug().

            R Offline
            R Offline
            RiceBall
            wrote on last edited by
            #49

            @jsulm said in How to make a SVG at tab Widget ?:

            @RiceBall Are you sure you create an instance of customwidget? Because I don't see the output of qDebug().

            I have made it as you see picture.
            But I think it maybe somewhere is mistake.
            below is my file.
            If you have time,could you help me to check it ??
            link text

            1 Reply Last reply
            0
            • mrjjM Offline
              mrjjM Offline
              mrjj
              Lifetime Qt Champion
              wrote on last edited by mrjj
              #50

              Hi
              I had a quick look.
              several things:
              1:
              alt text
              you have another CustomWidget that you use. its not the one with the svg files. its pretty empty.
              delete it.

              2:
              Use your actual widget. Notice the class name is with all small letters and you used one with mixed. the empty class.
              alt text
              This has to be

              customwidget *csw = new customwidget; <<<<< notice small letters.
              

              3:
              Your paths are wrong, or you are not using the resources.
              alt text

              Right click the files in the left side project view and use the get path function there. then its always correct.
              4:
              Then it will show. (profit)
              alt text

              https://www.dropbox.com/s/nq3o3nd0qha79h2/iHMI_2B.zip?dl=0

              R 1 Reply Last reply
              1
              • mrjjM mrjj

                Hi
                I had a quick look.
                several things:
                1:
                alt text
                you have another CustomWidget that you use. its not the one with the svg files. its pretty empty.
                delete it.

                2:
                Use your actual widget. Notice the class name is with all small letters and you used one with mixed. the empty class.
                alt text
                This has to be

                customwidget *csw = new customwidget; <<<<< notice small letters.
                

                3:
                Your paths are wrong, or you are not using the resources.
                alt text

                Right click the files in the left side project view and use the get path function there. then its always correct.
                4:
                Then it will show. (profit)
                alt text

                https://www.dropbox.com/s/nq3o3nd0qha79h2/iHMI_2B.zip?dl=0

                R Offline
                R Offline
                RiceBall
                wrote on last edited by
                #51

                @mrjj said in How to make a SVG at tab Widget ?:

                Hi
                I had a quick look.
                several things:
                1:
                alt text
                you have another CustomWidget that you use. its not the one with the svg files. its pretty empty.
                delete it.

                2:
                Use your actual widget. Notice the class name is with all small letters and you used one with mixed. the empty class.
                alt text
                This has to be

                customwidget *csw = new customwidget; <<<<< notice small letters.
                

                3:
                Your paths are wrong, or you are not using the resources.
                alt text

                Right click the files in the left side project view and use the get path function there. then its always correct.
                4:
                Then it will show. (profit)
                alt text

                https://www.dropbox.com/s/nq3o3nd0qha79h2/iHMI_2B.zip?dl=0

                Thank you for @jsulm help.
                It looks like not very easy for me to debug it.
                I need to learning more and more.

                final problem.
                My loading picture want to overlap together.(Now is not)
                How to coding it ??

                0_1560588535028_f29273d7-2969-4a79-a94d-e836acffd5c6-image.png

                1 Reply Last reply
                0
                • mrjjM Offline
                  mrjjM Offline
                  mrjj
                  Lifetime Qt Champion
                  wrote on last edited by mrjj
                  #52

                  Hi
                  well learning to use the debugger is a must do as that find such error.
                  I saw the empty class by stepping into the code with f10.
                  So with debugger, it was not hard to find.

                  Anyway,
                  They are not on top of each other
                  as you put them in layout.

                  So you can drop the layout

                  customwidget::customwidget(QWidget *parent) : QWidget(parent)
                  {
                      //QGridLayout *glyt = new QGridLayout;
                  
                      QSvgWidget *svgWid1 = new QSvgWidget(":/resource/splash1.svg", this);
                      QSvgWidget *svgWid2 = new QSvgWidget(":/resource/splash2.svg", this);
                      //       QSvgWidget *svgWid3 = new QSvgWidget("../iHMI_2/splash3.svg");
                      //       QSvgWidget *svgWid4 = new QSvgWidget("../iHMI_2/splash4.svg");
                  
                      //glyt->addWidget(svgWid1);
                      //glyt->addWidget(svgWid2);
                      //glyt->addWidget(svgWid2);
                      //glyt->addWidget(svgWid3);
                      //glyt->addWidget(svgWid4);
                  
                      svgWid1->show();
                  
                      qDebug() << svgWid1->renderer()->isValid();
                  
                      //this->setLayout(glyt);
                  
                  }
                  
                  

                  alt text

                  However, im not 100% sure on what the goal is with the 3 SVG and the "Loading" one so
                  it might not be what you really want.

                  R 1 Reply Last reply
                  1
                  • mrjjM mrjj

                    Hi
                    well learning to use the debugger is a must do as that find such error.
                    I saw the empty class by stepping into the code with f10.
                    So with debugger, it was not hard to find.

                    Anyway,
                    They are not on top of each other
                    as you put them in layout.

                    So you can drop the layout

                    customwidget::customwidget(QWidget *parent) : QWidget(parent)
                    {
                        //QGridLayout *glyt = new QGridLayout;
                    
                        QSvgWidget *svgWid1 = new QSvgWidget(":/resource/splash1.svg", this);
                        QSvgWidget *svgWid2 = new QSvgWidget(":/resource/splash2.svg", this);
                        //       QSvgWidget *svgWid3 = new QSvgWidget("../iHMI_2/splash3.svg");
                        //       QSvgWidget *svgWid4 = new QSvgWidget("../iHMI_2/splash4.svg");
                    
                        //glyt->addWidget(svgWid1);
                        //glyt->addWidget(svgWid2);
                        //glyt->addWidget(svgWid2);
                        //glyt->addWidget(svgWid3);
                        //glyt->addWidget(svgWid4);
                    
                        svgWid1->show();
                    
                        qDebug() << svgWid1->renderer()->isValid();
                    
                        //this->setLayout(glyt);
                    
                    }
                    
                    

                    alt text

                    However, im not 100% sure on what the goal is with the 3 SVG and the "Loading" one so
                    it might not be what you really want.

                    R Offline
                    R Offline
                    RiceBall
                    wrote on last edited by
                    #53

                    @mrjj
                    Finally, I did it.
                    Thank you for your patient answer.

                    The last question , my background is set to black color.
                    And My SVG file is transparent.
                    How could I set scene background to black ?
                    I have set "scene->setBackgroundBrush(Qt::black);"

                    0_1560617208827_5df93602-7c23-4d2e-856e-b618e2422525-image.png

                    1 Reply Last reply
                    0
                    • mrjjM Offline
                      mrjjM Offline
                      mrjj
                      Lifetime Qt Champion
                      wrote on last edited by mrjj
                      #54

                      Hi
                      \0/
                      You can ask widget to be transparent. You are seeing the customwidget.
                      ( in mainwin)
                      customwidget *csw = new customwidget;
                      csw->setAttribute(Qt::WA_NoSystemBackground, true); // add this

                      alt text

                      R 1 Reply Last reply
                      2
                      • mrjjM mrjj

                        Hi
                        \0/
                        You can ask widget to be transparent. You are seeing the customwidget.
                        ( in mainwin)
                        customwidget *csw = new customwidget;
                        csw->setAttribute(Qt::WA_NoSystemBackground, true); // add this

                        alt text

                        R Offline
                        R Offline
                        RiceBall
                        wrote on last edited by
                        #55

                        @mrjj
                        Thank you very much.
                        I did it.
                        I will learn hardly.

                        1 Reply Last reply
                        1

                        • Login

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