qml按路径读取图片_QML Image获取资源路径的细节

QML是门相当新的UI描述语言，因此在文档上总难免有疏漏之处，如果因此产生了bug，则就需要花费大量的时间去排查。

在最近笔者使用QML的过程中，在Image获取资源路径的细节上就出现了这样的情况。

Image 是qml中一个非常普通的元素，通常使用方法如下：

Image {

width: 120; height: 120

fillMode: Image.TileHorizontally

smooth: true

source: "qtlogo.png"

}

其中，source指的Image元素获取资源的url路径，这个url可以是本地的绝对路径或者相对路径，也可以是qt资源系统的路径，甚至是网络资源的路径。

正是这个看起来不起眼的路径，却会带来跟预期想之外的结果，并且，仅仅从代码上来看，没有半点错误的地方。

要了解这种情况的出现，应该要知道qml的两种使用方式：

1.暴露QML源码的使用方法，即不对QML文件进行处理，存放在可执行文件的目录下，使用QtDeclarative模块动态载入，一般适合以开源程序;

2.混淆QML源码的使用方法，即将QML文件加入到qt资源系统，编译成二进制文件供QtDeclarative模块使用，这样的好处，是可以隐藏代码，供商业项目使用。

在前种的使用方式中，Image元素对于读取资源路径正确无误，在Mac.OS.X，Ubuntu和windows平台上表示一致，但是后者，却出