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.
  • SGaistS Offline
    SGaistS Offline
    SGaist
    Lifetime Qt Champion
    wrote on last edited by
    #2

    Hi,

    One option is to use a QGraphicsPixmapItem.

    Interested in AI ? www.idiap.ch
    Please read the Qt Code of Conduct - https://forum.qt.io/topic/113070/qt-code-of-conduct

    R 1 Reply Last reply
    2
    • SGaistS SGaist

      Hi,

      One option is to use a QGraphicsPixmapItem.

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

      @SGaist

      How could I code it ??
      ui->tab->QGraphic ?????

      My Sample

      0_1558572475420_cd161167-462c-4d31-b914-d9e53668f135-image.png

      jsulmJ 1 Reply Last reply
      0
      • R RiceBall

        @SGaist

        How could I code it ??
        ui->tab->QGraphic ?????

        My Sample

        0_1558572475420_cd161167-462c-4d31-b914-d9e53668f135-image.png

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

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

        How could I code it ??

        Using https://doc.qt.io/qt-5/qgraphicsscene.html#addItem ?

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

        R 1 Reply Last reply
        1
        • jsulmJ jsulm

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

          How could I code it ??

          Using https://doc.qt.io/qt-5/qgraphicsscene.html#addItem ?

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

          @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 code it ??

          Using https://doc.qt.io/qt-5/qgraphicsscene.html#addItem ?

          Sorry, I have tried it.
          But I am not sure where is wrong.
          I can't show anything.(MY SVG is animtion)
          Can you help me check it ??

          QImage image1("C:/Users/shih.licheng/Documents/iHMI_2/splash1.svg");
              QGraphicsPixmapItem itm1(QPixmap::fromImage(image1));
              QGraphicsScene* scene = new QGraphicsScene;
              scene->addItem(&itm1);
              
              QImage image2("C:/Users/shih.licheng/Documents/iHMI_2/splash2.svg");
              QGraphicsPixmapItem itm2(QPixmap::fromImage(image2));
              scene->addItem(&itm2);
          
              QGraphicsView view(scene);
              view.show();
          

          And I have another easy question.
          if I use ui(graphics View).
          How could I replace above "QGraphicsView view(scene)"

          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 code it ??

            Using https://doc.qt.io/qt-5/qgraphicsscene.html#addItem ?

            Sorry, I have tried it.
            But I am not sure where is wrong.
            I can't show anything.(MY SVG is animtion)
            Can you help me check it ??

            QImage image1("C:/Users/shih.licheng/Documents/iHMI_2/splash1.svg");
                QGraphicsPixmapItem itm1(QPixmap::fromImage(image1));
                QGraphicsScene* scene = new QGraphicsScene;
                scene->addItem(&itm1);
                
                QImage image2("C:/Users/shih.licheng/Documents/iHMI_2/splash2.svg");
                QGraphicsPixmapItem itm2(QPixmap::fromImage(image2));
                scene->addItem(&itm2);
            
                QGraphicsView view(scene);
                view.show();
            

            And I have another easy question.
            if I use ui(graphics View).
            How could I replace above "QGraphicsView view(scene)"

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

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

            QGraphicsView view(scene);
            view.show();

            You're creating local QGraphicsView instance which is destroyed as soon as it goes out of scope (by the way you did not say where you actually have this code). Also check whether the paths are correct and what https://doc.qt.io/qt-5/qimage.html#isNull returns.

            "How could I replace above "QGraphicsView view(scene)"" - just use the view from ui->?

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

            R 1 Reply Last reply
            2
            • jsulmJ jsulm

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

              QGraphicsView view(scene);
              view.show();

              You're creating local QGraphicsView instance which is destroyed as soon as it goes out of scope (by the way you did not say where you actually have this code). Also check whether the paths are correct and what https://doc.qt.io/qt-5/qimage.html#isNull returns.

              "How could I replace above "QGraphicsView view(scene)"" - just use the view from ui->?

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

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

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

              QGraphicsView view(scene);
              view.show();

              You're creating local QGraphicsView instance which is destroyed as soon as it goes out of scope (by the way you did not say where you actually have this code). Also check whether the paths are correct and what https://doc.qt.io/qt-5/qimage.html#isNull returns.

              "How could I replace above "QGraphicsView view(scene)"" - just use the view from ui->?

              1. I use it at Mainwindow.
                As you say, I can see it is shown suddenly then it is gone.
              2. I use graphic View UI at mainwindow.ui.
                How could I fix code about QGraphicsView view(scene)?

              attachment is my code.
              https://drive.google.com/open?id=17mOeeA11xWIo17LzSuDw6pcf9QvLePnH

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

                Hi
                I assume you want to use the one you put in the tab ?

                QGraphicsView view(scene);
                view.show();

                ui->graphicsView->setScene(scene);

                R 1 Reply Last reply
                0
                • mrjjM mrjj

                  Hi
                  I assume you want to use the one you put in the tab ?

                  QGraphicsView view(scene);
                  view.show();

                  ui->graphicsView->setScene(scene);

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

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

                  Hi
                  I assume you want to use the one you put in the tab ?

                  QGraphicsView view(scene);
                  view.show();

                  ui->graphicsView->setScene(scene);

                  Thank you for your reply.
                  It looks like have loading something.

                  But as you say , I think it just only show one moment.
                  Where is wrong?

                  0_1559611246187_73721276-3baa-43f8-84aa-5dd0616a88eb-image.png

                  D 1 Reply Last reply
                  0
                  • R RiceBall

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

                    Hi
                    I assume you want to use the one you put in the tab ?

                    QGraphicsView view(scene);
                    view.show();

                    ui->graphicsView->setScene(scene);

                    Thank you for your reply.
                    It looks like have loading something.

                    But as you say , I think it just only show one moment.
                    Where is wrong?

                    0_1559611246187_73721276-3baa-43f8-84aa-5dd0616a88eb-image.png

                    D Offline
                    D Offline
                    Devopia53
                    wrote on last edited by
                    #10

                    @RiceBall

                    like this:

                    graphicsView->scene()->addWidget(new QSvgWidget(":/your.svg"));
                    
                    R 1 Reply Last reply
                    1
                    • D Devopia53

                      @RiceBall

                      like this:

                      graphicsView->scene()->addWidget(new QSvgWidget(":/your.svg"));
                      
                      R Offline
                      R Offline
                      RiceBall
                      wrote on last edited by
                      #11

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

                      @RiceBall

                      like this:

                      graphicsView->scene()->addWidget(new QSvgWidget(":/your.svg"));
                      

                      Thank you for your reply.
                      I try to fix it.
                      But it show following message.
                      0_1559618556774_7a0a23e1-f86a-4ff4-a3f2-68af5a9392c5-image.png

                      D Pradeep P NP 2 Replies Last reply
                      0
                      • R RiceBall

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

                        @RiceBall

                        like this:

                        graphicsView->scene()->addWidget(new QSvgWidget(":/your.svg"));
                        

                        Thank you for your reply.
                        I try to fix it.
                        But it show following message.
                        0_1559618556774_7a0a23e1-f86a-4ff4-a3f2-68af5a9392c5-image.png

                        D Offline
                        D Offline
                        Devopia53
                        wrote on last edited by
                        #12

                        @RiceBall

                        first, in .pro

                        QT += svg

                        and then add

                        #include <QSvgWidget>

                        1 Reply Last reply
                        2
                        • R RiceBall

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

                          @RiceBall

                          like this:

                          graphicsView->scene()->addWidget(new QSvgWidget(":/your.svg"));
                          

                          Thank you for your reply.
                          I try to fix it.
                          But it show following message.
                          0_1559618556774_7a0a23e1-f86a-4ff4-a3f2-68af5a9392c5-image.png

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

                          @RiceBall
                          Add QT += svg in .pro file

                          Refer Rendering SVG Files

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

                          R 1 Reply Last reply
                          4
                          • Pradeep P NP Pradeep P N

                            @RiceBall
                            Add QT += svg in .pro file

                            Refer Rendering SVG Files

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

                            @Devopia53
                            @Pradeep-P-N said in How to make a SVG at tab Widget ?:

                            @RiceBall
                            Add QT += svg in .pro file

                            Refer Rendering SVG Files

                            I try to fix it.
                            It almost pass all compile.
                            But it show "The process was ended forcefully."

                            0_1559620323037_03042452-0e97-4dab-a6a1-1262504f5a74-image.png

                            jsulmJ 1 Reply Last reply
                            0
                            • R RiceBall

                              @Devopia53
                              @Pradeep-P-N said in How to make a SVG at tab Widget ?:

                              @RiceBall
                              Add QT += svg in .pro file

                              Refer Rendering SVG Files

                              I try to fix it.
                              It almost pass all compile.
                              But it show "The process was ended forcefully."

                              0_1559620323037_03042452-0e97-4dab-a6a1-1262504f5a74-image.png

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

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

                              But it show "The process was ended forcefully."

                              Please debug and tell us where exactly it crashes...

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

                              R 1 Reply Last reply
                              1
                              • jsulmJ jsulm

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

                                But it show "The process was ended forcefully."

                                Please debug and tell us where exactly it crashes...

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

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

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

                                But it show "The process was ended forcefully."

                                Please debug and tell us where exactly it crashes...

                                0_1559624756167_f34fd6ad-a1f5-404d-9d56-098a782b78eb-image.png

                                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 ?:

                                  But it show "The process was ended forcefully."

                                  Please debug and tell us where exactly it crashes...

                                  0_1559624756167_f34fd6ad-a1f5-404d-9d56-098a782b78eb-image.png

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

                                  @RiceBall Please show the whole content of your MainWindow constructor, especially line 31.
                                  I guess it is the one you posted in a screen-shot before? It would be helpful if you would simply copy/paste the code instead of posting screen-shots.
                                  It looks like your scene was not yet initialised.

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

                                  R 1 Reply Last reply
                                  1
                                  • jsulmJ jsulm

                                    @RiceBall Please show the whole content of your MainWindow constructor, especially line 31.
                                    I guess it is the one you posted in a screen-shot before? It would be helpful if you would simply copy/paste the code instead of posting screen-shots.
                                    It looks like your scene was not yet initialised.

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

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

                                    @RiceBall Please show the whole content of your MainWindow constructor, especially line 31.
                                    I guess it is the one you posted in a screen-shot before? It would be helpful if you would simply copy/paste the code instead of posting screen-shots.
                                    It looks like your scene was not yet initialised.

                                    I tried to simple it.
                                    But the problem is the same.

                                    .
                                    mainwindow.cpp

                                    #include "mainwindow.h"
                                    #include "ui_mainwindow.h"
                                    #include <QtGlobal>
                                    #include <QMovie>
                                    #include <QSvgWidget>
                                    #include <QPixmap>
                                    #include <QGraphicsScene>
                                    #include <QGraphicsPixmapItem>
                                    #include <QGraphicsView>
                                    
                                    MainWindow::MainWindow(QWidget *parent) :
                                        QMainWindow(parent),
                                        ui(new Ui::MainWindow)
                                    {
                                        ui->setupUi(this);
                                    
                                       ui->graphicsView->scene()->addWidget(new QSvgWidget("../untitled6/splash1.svg"));
                                    
                                    }
                                    
                                    MainWindow::~MainWindow()
                                    {
                                        delete ui;
                                    }
                                    
                                    
                                    jsulmJ 1 Reply Last reply
                                    0
                                    • R RiceBall

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

                                      @RiceBall Please show the whole content of your MainWindow constructor, especially line 31.
                                      I guess it is the one you posted in a screen-shot before? It would be helpful if you would simply copy/paste the code instead of posting screen-shots.
                                      It looks like your scene was not yet initialised.

                                      I tried to simple it.
                                      But the problem is the same.

                                      .
                                      mainwindow.cpp

                                      #include "mainwindow.h"
                                      #include "ui_mainwindow.h"
                                      #include <QtGlobal>
                                      #include <QMovie>
                                      #include <QSvgWidget>
                                      #include <QPixmap>
                                      #include <QGraphicsScene>
                                      #include <QGraphicsPixmapItem>
                                      #include <QGraphicsView>
                                      
                                      MainWindow::MainWindow(QWidget *parent) :
                                          QMainWindow(parent),
                                          ui(new Ui::MainWindow)
                                      {
                                          ui->setupUi(this);
                                      
                                         ui->graphicsView->scene()->addWidget(new QSvgWidget("../untitled6/splash1.svg"));
                                      
                                      }
                                      
                                      MainWindow::~MainWindow()
                                      {
                                          delete ui;
                                      }
                                      
                                      
                                      jsulmJ Offline
                                      jsulmJ Offline
                                      jsulm
                                      Lifetime Qt Champion
                                      wrote on last edited by
                                      #19

                                      @RiceBall Did you set the scene?
                                      https://doc.qt.io/qt-5/qgraphicsview.html#setScene

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

                                      R 1 Reply Last reply
                                      2
                                      • jsulmJ jsulm

                                        @RiceBall Did you set the scene?
                                        https://doc.qt.io/qt-5/qgraphicsview.html#setScene

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

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

                                        @RiceBall Did you set the scene?
                                        https://doc.qt.io/qt-5/qgraphicsview.html#setScene

                                        No.I don't set any scene.
                                        Should I need to set it by " QGraphicsScene scene " at mainwindow.cpp ??? Or Not ?

                                        jsulmJ 1 Reply Last reply
                                        0
                                        • R RiceBall

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

                                          @RiceBall Did you set the scene?
                                          https://doc.qt.io/qt-5/qgraphicsview.html#setScene

                                          No.I don't set any scene.
                                          Should I need to set it by " QGraphicsScene scene " at mainwindow.cpp ??? Or Not ?

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

                                          @RiceBall Well https://doc.qt.io/qt-5/qgraphicsview.html#scene says
                                          "Returns a pointer to the scene that is currently visualized in the view. If no scene is currently visualized, 0 is returned."
                                          I would say you have to set a scene as shown here https://doc.qt.io/qt-5/qgraphicsview.html

                                          QGraphicsScene scene;
                                          scene.addText("Hello, world!");
                                          
                                          QGraphicsView view(&scene); // use setScene() instead
                                          view.show();
                                          

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

                                          R 1 Reply Last reply
                                          3

                                          • Login

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