Ampliació: Gestió de Recursos en Qt6

Image { source: "logo.png" }

# Durant el desenvolupament (amb QtCreator al directori del projecte)
./appminRecursos  # ✅ Funciona (troba logo.png al directori font)

# Després de distribuir l'executable
cp appminRecursos /tmp/
cd /tmp/
./appminRecursos  # ❌ NO funciona! (logo.png no està disponible)

qt_add_qml_module(appminRecursos
    URI minRecursos
    QML_FILES Main.qml
    RESOURCES logo.png
)

// ✅ CORRECTE - Path complet amb el prefix del mòdul
Image { 
    source: "qrc:/qt/qml/minRecursos/logo.png"
}

qt_add_qml_module(appminRecursos
    URI minRecursos
    QML_FILES Main.qml
    RESOURCES logo.png
    RESOURCE_PREFIX "/"  # ← Prefix simple a l'arrel
)

// ✅ CORRECTE - Path curt i clar
Image { 
    source: "qrc:/logo.png"
}

qt_add_qml_module(appminRecursos
    URI minRecursos
    QML_FILES Main.qml
)

qt_add_resources(appminRecursos "imatges"
    PREFIX "/img"
    FILES logo.png
)

// ✅ CORRECTE
Image { 
    source: "qrc:/img/logo.png"
}

# 1. Compila el projecte
cd build/
cmake --build .

# 2. Copia l'executable a un altre directori (sense els fitxers font)
cp appminRecursos /tmp/

# 3. Executa des del directori temporal
cd /tmp/
./appminRecursos

# Si la imatge es veu → ✅ Recursos correctament encastats
# Si la imatge NO es veu → ❌ Estàs usant paths relatius (error!)

-- Generating resources for target appminRecursos
-- qt_add_resources: Processing appminRecursos_imatges

Image {
    source: "qrc:/logo.png"
    
    Component.onCompleted: {
        console.log("Font de la imatge:", source)
        console.log("Status:", status)  // Ready = 1, Error = 3
    }
    
    onStatusChanged: {
        if (status === Image.Error) {
            console.error("Error carregant:", source)
        }
    }
}

# Al directori build/, busca els fitxers .qrc generats
find . -name "*.qrc" -exec cat {} \;

# O usa l'eina rcc (Resource Compiler)
rcc --list appminRecursos_resources_1.qrc

# Verifica que el fitxer estigui inclòs correctament:
qt_add_resources(appexempleRecursos "imatges"
    PREFIX "/img"
    FILES
        images/logo.png  # ← Ha d'existir físicament al directori images/
)

// I que el path al QML coincideixi exactament:
Image { source: "qrc:/img/logo.png" }  // PREFIX + nom relatiu

# ❌ INCORRECTE - Duplicat
qt_add_qml_module(app
    URI myapp
    RESOURCES logo.png
)
qt_add_resources(app "imgs"
    FILES logo.png  # ← Duplicat!
)

# ✅ CORRECTE - Només en un lloc
qt_add_qml_module(app
    URI myapp
    RESOURCES logo.png
    RESOURCE_PREFIX "/"
)

// ❌ Funciona en QtCreator, falla en executable distribuït
Image { source: "logo.png" }

// ✅ Funciona sempre
Image { source: "qrc:/logo.png" }

# ✅ CORRECTE - Path relatiu al CMakeLists.txt
qt_add_resources(app "imgs"
    FILES
        images/logo.png
)

# ❌ INCORRECTE - Path absolut (no funciona multiplataforma)
qt_add_resources(app "imgs"
    FILES
        /home/jb/projecte/images/logo.png
)

# ✅ CORRECTE - Usar variable CMAKE per paths absoluts necessaris
qt_add_resources(app "imgs"
    FILES
        ${CMAKE_SOURCE_DIR}/assets/logo.png
)

# ✅ CORRECTE - Paths relatius fora del directori actual
qt_add_resources(app "imgs"
    FILES
        ../shared_resources/logo.png
)

projecte/
├── CMakeLists.txt
├── main.cpp
├── Main.qml
└── logo.png

cmake_minimum_required(VERSION 3.16)
project(minRecursos VERSION 0.1 LANGUAGES CXX)

set(CMAKE_CXX_STANDARD_REQUIRED ON)
find_package(Qt6 REQUIRED COMPONENTS Quick)
qt_standard_project_setup(REQUIRES 6.8)

qt_add_executable(appminRecursos main.cpp)

qt_add_qml_module(appminRecursos
    URI minRecursos
    QML_FILES Main.qml
    RESOURCES logo.png
    RESOURCE_PREFIX "/"  # ← Prefix simple per facilitar l'accés
)

target_link_libraries(appminRecursos PRIVATE Qt6::Quick)

import QtQuick

Window {
    visible: true
    width: 400
    height: 300
    title: "Exemple Recursos"
    
    Image {
        source: "qrc:/logo.png"  // ← Sempre amb qrc:/
        anchors.centerIn: parent
        fillMode: Image.PreserveAspectFit
        
        // Debug per verificar la càrrega
        onStatusChanged: {
            if (status === Image.Ready) {
                console.log("✅ Imatge carregada correctament")
            } else if (status === Image.Error) {
                console.error("❌ Error carregant la imatge:", source)
            }
        }
    }
}

#include <QGuiApplication>
#include <QQmlApplicationEngine>

int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
    QQmlApplicationEngine engine;
    
    const QUrl url(u"qrc:/qt/qml/minRecursos/Main.qml"_qs);
    engine.load(url);
    
    if (engine.rootObjects().isEmpty())
        return -1;
    
    return app.exec();
}

mkdir build && cd build
cmake ..
cmake --build .

# Provar que funciona fora del directori
cp appminRecursos /tmp/
cd /tmp/
./appminRecursos  # Ha de mostrar la imatge correctament