QT QML 模块化管理(二)——前缀(Prefix)和别名管理

最新推荐文章于 2023-10-19 15:05:31 发布

火山上的企鹅

最新推荐文章于 2023-10-19 15:05:31 发布

阅读量4k

点赞数 28

分类专栏： QT Quick QML 文章标签： QT Qt Quick QML Prefix 别名

本文链接：https://blog.csdn.net/qq_16504163/article/details/110091306

版权

QT Quick QML 专栏收录该内容

33 篇文章 92 订阅

订阅专栏

前缀和别名管理

1. 资源文件添加
2. 添加前缀Prefix
3. 别名修改
4. 代码

所有的热爱都要不遗余力，真正喜欢它便给它更高的优先级，和更多的时间吧！

QML其它文章请点击这里: QT QUICK QML 学习笔记

姊妹篇:

QT QML 模块化管理(一)——添加工程组(文件组)

Qt QML 模块化管理(三)—— qmldir的化繁为简

qmldir实例——QGC地面站中手把手教你添加qmldir模块文件

1. 资源文件添加

首先在pro1工程中添加images文件，里面有10张图片，来源也是Qt QML 菜单/目录/工具栏的全面攻略中的，如下所示：
在这里插入图片描述
然后直接编辑 .qrc文件

2. 添加前缀Prefix

具体添加如下所示：
在这里插入图片描述
qrc中添加文件，可一次性添加多个，图片资源文件都在/image的二级目录下

3. 别名修改

修改了4个别名，并保存后，如下：

在这里插入图片描述
所以可以通过自定义别名来增加多级目录，方便文件的管理。

4. 代码

修改别名后的调用也简单很多，用一个简明的实例来说明，代码如下：

import QtQuick 2.12
import QtQuick.Window 2.12

Window {
    visible: true
    width: 320
    height: 600
    title: qsTr("Image")

    Column {
        spacing:  10
        anchors.fill:       parent

        Text {
            text: qsTr("--------------First Image--------------")
            anchors.horizontalCenter:   parent.horizontalCenter
        }
        Image {
            id:                         firstImage
            anchors.horizontalCenter:   parent.horizontalCenter
            smooth:                     true
            mipmap:                     true
            antialiasing:               true
            fillMode:                   Image.PreserveAspectFit
            //1.未修改别名的完整路径 （修改别名后，将不能使用）
//           source:                       "images/images/code.jpg"
            //2.修改别名后路径变短，方便很多
            source:                     "/images/code"
        }

        Text {
            text: qsTr("--------------Second Image--------------")
            anchors.horizontalCenter:   parent.horizontalCenter
        }
        Image {
            id:                         secondImage
            anchors.horizontalCenter:   parent.horizontalCenter
            smooth:                     true
            mipmap:                     true
            antialiasing:               true
            fillMode:                   Image.PreserveAspectFit
            //3.完整的本地路径
            source:                     "file:///D:/myQt/proGroup/pro1/images/code.jpg"
        }
    }
}

关注Image的source就好，路径可以简写成：

 source:                     "/images/code"

运行如下：
在这里插入图片描述