神秘的 qmlproject 隐藏技——添加过滤文件

解密 qmlprojcet

使用 qml 进行学习开发时，如果不需要用到 C++ 的话，一般选用的是 QtQuick UI 这种项目，不用编译，运行快速便捷。

如果你把 *.qmlproject 的内容复制到一个 *.qml 文件中去。发现它支持语法高亮和智能补全。

*.qmlproject 本质使用 qml 的。里面的根对象是 Projcet。导入的模块名为 QmlProject。版本号为 1.1。

qmlproject 的文件过滤

在你使用多次之后发现 *.qmlproject 这个工程管理文件的功能不够强大，没有 *.pro 工程管理文件那么好用。

qmlproject 工程一般过滤的文件只有 *.qml， *.js， *.png 以及其图片格式。诸如 *.json 是不会出现在项目树。如下图

项目中密切相关的 *.json 文件竟然被过滤了。每次编辑时，你都会打开文件管理器，再使用其他文本编辑器进行编辑。这样做变得十分麻烦。

QmlProject 模块中的 Files 元素

只要在 *.qmlproject 添加一些代码。 duang~duang~duang~ ， *json 文件就会显露无疑了

Files {
    filter: "*.JSON"
    directory: "qml/jsonmodels"
}

上面的单词很简单的，不用我多说了。 filter 是过滤的意思，而 directory 是文件夹的意思。整个对象就是过滤 directory 文件下符合条件的文件。

效果如下图

最后贴一下完整的 *.qmlproject 的完整代码吧

/*
 * author qyvlik
 * email qyvlik@qq.comn
*/
import QmlProject 1.1

Project {
    mainFile: "./qml/jsonmodels/jsonmodelsbasic.qml"

    /* Include .qml, .js, and image files from current directory and subdirectories */
    QmlFiles {
        directory: "."
    }
    JavaScriptFiles {
        directory: "."
    }
    ImageFiles {
        directory: "."
    }

    Files {
        filter: "*.JSON"
        directory: "qml/jsonmodels"
    }
}