Adding SVG to resource with alias and referencing in QML

SPlatten · 22 Sept 2022, 06:07

This post is deleted!

SPlatten · 26 Sept 2022, 11:52

@JoeCFD , I decided to create a simple application to experiment with the resources. I used the same SVG file. The resource file:

<RCC>
    <qresource prefix="/">
        <file alias="stale.svg">stale.svg</file>
        <file>mainWindow.qml</file>
    </qresource>
</RCC>

In the mainwindow:

void MainWindow::paintEvent(QPaintEvent *pobjEvt) {
    Q_UNUSED(pobjEvt);

    QPainter objPainter(this);
    QImage* pobjImage(new QImage(":/stale.svg"));

    bool blnIsNull(pobjImage->isNull());
    qDebug() << QString("Image isNull: %1").arg(((blnIsNull == true) ? "Yes" : "No"));

    objPainter.drawImage(10, 10, *pobjImage);
}

This works absolutely fine and the iamge is displayed correctly. I will not try to use this to figure out why the original isn't working.

jsulm · wrote on 22 Sept 2022, 06:07

@SPlatten said in Adding SVG to resource with alias and referencing in QML:

staleiIcon.svg

You have a typo in the file name?

SPlatten · 22 Sept 2022, 06:17

This post is deleted!

J.Hilk · 22 Sept 2022, 06:30

@SPlatten are you sure staleIndicator expects an item and not just the image path?

SPlatten · 22 Sept 2022, 12:33

This post is deleted!

SPlatten · 23 Sept 2022, 05:37

This post is deleted!

SPlatten · 23 Sept 2022, 05:43

This post is deleted!

J.Hilk · 23 Sept 2022, 05:49

@SPlatten there is no magic to it.

right click on the sources in QtCreator -> copy path -> use as source in Image component

more important questions:

Does your SVG follow "tiny 1.2" specifications?
For what platform was it? IIRC for iOS there was no SVG support and it may not be the only one

SPlatten · 23 Sept 2022, 06:10

This post is deleted!

J.Hilk · 23 Sept 2022, 06:12

@SPlatten said in Adding SVG to resource with alias and referencing in QML:

[Edit] When Copy Path or Copy URL ?

I did write path, didn't I?
The one starting with :

I see no baseProfile="tiny" in your xml code, so, it will probably not work

SPlatten · 23 Sept 2022, 06:25

This post is deleted!

J.Hilk · 23 Sept 2022, 06:36

@SPlatten soooo
first of, I would like to apologise, copy url is actually the correct one :D

secondly, do use a "tiny" svg it will work:

//main.qml
import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Window 2.15
import QtQuick.Layouts 1.15

Window {
    id: root
    width: 800
    height: 600
    visible: true

    Image{
        id:img
        anchors.fill: parent
        source: "qrc:/SomeAliasedSVG.svg"
    }
}

rsc.qrc
<RCC>
    <qresource prefix="/">
        <file>main.qml</file>
        <file alias="SomeAliasedSVG.svg">01_01.svg</file>
    </qresource>
</RCC>

//svg file
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.2" baseProfile="tiny"
     viewBox="0 0 30 30">
  <desc>Example SVG file</desc>
  <rect x="10" y="10" width="10" height="10" fill="red"/>
</svg>

works exactly as expected:

SPlatten · 23 Sept 2022, 06:41

This post is deleted!

J.Hilk · 23 Sept 2022, 06:44

@SPlatten 🤷‍♂️

can you make a minimal compile able example for us ?

SPlatten · 23 Sept 2022, 07:01

This post is deleted!

J.Hilk · 23 Sept 2022, 07:08

@SPlatten it's not really compile able, is it ?
I don't have your *pro, nor your main.cpp file, nor the folder structure you claim to have.

also giving your Image a width and height does help, because its super tiny without it

SPlatten · 23 Sept 2022, 07:21

This post is deleted!

jsulm · 23 Sept 2022, 07:28

@SPlatten said in Adding SVG to resource with alias and referencing in QML:

Are they ?

They are relevant to have a compilable example...

SPlatten · J jsulm 23 Sept 2022, 07:21

This post is deleted!

SPlatten · wrote on 23 Sept 2022, 12:48

This post is deleted!