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.7k 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.
  • R RiceBall

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

    @RiceBall You can also check this:

    • Get the renderer from the SVG widget using https://doc.qt.io/qt-5/qsvgwidget.html#renderer
    • Check what https://doc.qt.io/qt-5/qsvgrenderer.html#isValid returns

    And also call show() on each SVG widget you're creating.

    How could I use it ??
    Can you make a sample for me ??
    Thank you.

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

    @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();
    

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

    R 1 Reply Last reply
    0
    • 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