How to make a SVG at tab Widget ?

[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."

[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...

[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...

[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.

[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;
}

[jsulm]

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

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

[jsulm]

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

[RiceBall]

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

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

I try to fix it as your recommend.
But it will shown "no viable conversion from 'QGraphicsScene' to ' QGraphicsScene *'"
Where should I need to change ?

[Pradeep P N]

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

'QGraphicsScene' to ' QGraphicsScene *'"

Please try ui->graphicView->setScene(&scene);

[mrjj]

Hi
Please notice you are killing the scene very fast.
Make it a member of the class.
Should live in class so it dont go out of scope,

[jsulm]

@RiceBall Please think about what you're doing instead of blindly copy/paste code snippets which meant to be simple examples.
First: don't create the scene on the stack!
Second: pass pointer to setScene (the error message actually tells you what is wrong).

[RiceBall]

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

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

'QGraphicsScene' to ' QGraphicsScene *'"

Please try ui->graphicView->setScene(&scene);

I success to show it finally.
Thanks @jsulm @Pradeep-P-N @mrjj help.

Key Point
.pro

QT       += svg 

final code

    QGraphicsScene *scene = new QGraphicsScene;
    scene->addWidget(new QSvgWidget("../untitled6/splash1.svg"));
    scene->addWidget(new QSvgWidget("../untitled6/splash2.svg"));

    ui->graphicsView->setScene(scene);

[RiceBall]

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

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

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

'QGraphicsScene' to ' QGraphicsScene *'"

Please try ui->graphicView->setScene(&scene);

I success to show it finally.
Thanks @jsulm @Pradeep-P-N @mrjj help.

Key Point
.pro

QT       += svg 

final code

    QGraphicsScene *scene = new QGraphicsScene;
    scene->addWidget(new QSvgWidget("../untitled6/splash1.svg"));
    scene->addWidget(new QSvgWidget("../untitled6/splash2.svg"));

    ui->graphicsView->setScene(scene);

Hello every one
I meet a new easy problem.
How could I define the scene size & transparent....?

[Pradeep P N]

Hi @RiceBall

Scene size please check minimumRenderSize.

QWidget has an option to set the windowOpacity.

Below is sample code for defining the size and transparency...

QGraphicsView *gView = new QGraphicsView(this);
QGraphicsScene *scene = new QGraphicsScene;

QSvgWidget *svgWid = new QSvgWidget(":/Freesample.svg");
svgWid->setWindowOpacity(0.5); // Change as needed
scene->addWidget(svgWid);

gView->resize(350, 350);
gView->setScene(scene);

Output:

Opacity : 0.5

Without Opacity:

All the best.

[RiceBall]

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

Hi @RiceBall

Scene size please check minimumRenderSize.

QWidget has an option to set the windowOpacity.

Below is sample code for defining the size and transparency...

QGraphicsView *gView = new QGraphicsView(this);
QGraphicsScene *scene = new QGraphicsScene;

QSvgWidget *svgWid = new QSvgWidget(":/Freesample.svg");
svgWid->setWindowOpacity(0.5); // Change as needed
scene->addWidget(svgWid);

gView->resize(350, 350);
gView->setScene(scene);

Output:

Opacity : 0.5

Without Opacity:

All the best.

Thank you for your answer.
I have some problem.

1. I can't loading several SVG. If I loading several file. It just only show last one.
2. I use UI screen to set background-color:black. And I am sure my SVG is none background color.
   But when I loading it . It always show white background.

Result

    QSvgWidget * svgWid1 = new QSvgWidget("../iHMI_2/splash1.svg");
    QSvgWidget * svgWid2 = new QSvgWidget("../iHMI_2/splash2.svg");
    QSvgWidget * svgWid3 = new QSvgWidget("../iHMI_2/splash3.svg");
    QSvgWidget * svgWid4 = new QSvgWidget("../iHMI_2/splash4.svg");

    QGraphicsScene *scene = new QGraphicsScene;

    scene->addWidget(svgWid1);
    scene->addWidget(svgWid2);
    scene->addWidget(svgWid3);
    scene->addWidget(svgWid4);

    ui->graphicsView->setScene(scene);

[jsulm]

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

I can't loading several SVG. If I loading several file. It just only show last one.

Is the code at the bottom of your post the one you're using to load SVGs? Maybe they are simply all at same position, so you only see the last one?

[RiceBall]

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

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

I can't loading several SVG. If I loading several file. It just only show last one.

Is the code at the bottom of your post the one you're using to load SVGs? Maybe they are simply all at same position, so you only see the last one?

No. They are at different position.
It looks like below.

[Pradeep P N]

Hi @RiceBall
Can you please create the CustomWidget inheriting from QWidget with Some Layout in it to align the SVG contents.

// Please customize the Class as per your requirement.
// I just provided some dummy sample code.

Example:
class CustomWidget : public QWidget

    QGridLayout *glyt = new QGridLayout;

    QSvgWidget *svgWid1 = new QSvgWidget(":/Freesample.svg");
    QSvgWidget *svgWid2 = new QSvgWidget(":/Freesample.svg");
    QSvgWidget *svgWid3 = new QSvgWidget(":/Freesample.svg");
    QSvgWidget *svgWid4 = new QSvgWidget(":/Freesample.svg");

    glyt->addWidget(svgWid1);
    glyt->addWidget(svgWid2);
    glyt->addWidget(svgWid3);
    glyt->addWidget(svgWid4);

    this->setLayout(glyt);

Then use the CustomWidget as

    CustomWidget *csw = new CustomWidget;

    scene->addWidget(csw);

Output:

Might help you.

All the best.

[RiceBall]

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

Hi @RiceBall
Can you please create the CustomWidget inheriting from QWidget with Some Layout in it to align the SVG contents.

// Please customize the Class as per your requirement.
// I just provided some dummy sample code.

Example:
class CustomWidget : public QWidget

    QGridLayout *glyt = new QGridLayout;

    QSvgWidget *svgWid1 = new QSvgWidget(":/Freesample.svg");
    QSvgWidget *svgWid2 = new QSvgWidget(":/Freesample.svg");
    QSvgWidget *svgWid3 = new QSvgWidget(":/Freesample.svg");
    QSvgWidget *svgWid4 = new QSvgWidget(":/Freesample.svg");

    glyt->addWidget(svgWid1);
    glyt->addWidget(svgWid2);
    glyt->addWidget(svgWid3);
    glyt->addWidget(svgWid4);

    this->setLayout(glyt);

Then use the CustomWidget as

    CustomWidget *csw = new CustomWidget;

    scene->addWidget(csw);

Output:

Might help you.

All the best.

Sorry, I never use that.
Your meaning is I create a new class at mainwindow.h ??

class CustomWidget : public QWidget
{}

where can I code it ?mainwindow.h or mainwindow.cpp

QGridLayout *glyt = new QGridLayout;

   QSvgWidget *svgWid1 = new QSvgWidget("../iHMI_2/splash1.svg");
   QSvgWidget *svgWid2 = new QSvgWidget("../iHMI_2/splash2.svg");
   QSvgWidget *svgWid3 = new QSvgWidget("../iHMI_2/splash3.svg");
   QSvgWidget *svgWid4 = new QSvgWidget("../iHMI_2/splash4.svg");

   glyt->addWidget(svgWid1);
   glyt->addWidget(svgWid2);
   glyt->addWidget(svgWid3);
   glyt->addWidget(svgWid4);

   this->setLayout(glyt);