Qt6 Quick(C++)项目添加资源与图片展示

发表于 分类于
Qt6 Quick(C++)项目添加资源与图片展示

前言

本文通过图片的展示，来说明QT6怎样加载资源文件。

添加资源

复制资源

创建资源目录：在项目根目录下新建一个用于存放图片的文件夹（例如images），将需要显示的图片（如test.png）放入该文件夹。

添加资源到项目

右键项目 => 添加新文件 => Qt => Qt Resource File，命名为resources.qrc。

在资源编辑器中，点击Add => Add Prefix，输入前缀（如/），再点击Add => Add Files，选择images文件夹中的图片。

配置

CMakeLists.txt

1
2
3
4
5
6
7
8
# 新增
set(CMAKE_AUTORCC ON)

qt_add_executable(
    appqt_cpp_test
    main.cpp 
    resources.qrc
)

也就是

  • 添加set(CMAKE_AUTORCC ON)
  • qt_add_executable中添加新建的qrc资源文件名

页面中引用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
import QtQuick
import QtQuick.Controls

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("星火扫描")
    Item {
        width: parent.width
        height: parent.height
        
        Rectangle {
            anchors.fill: parent
            color: "transparent"
            radius: 20
            clip: true
            z: 0
            
            Image {
                anchors.fill: parent
                source: "qrc:/images/bg01.png"
                fillMode: Image.PreserveAspectCrop
            }
        }
    }
}