安装 Qt Quick Components for Desktop 以与 Qt Creator 一起使用

Question

我正在尝试使用来自http://labs.qt.nokia.com/2011/03/10/qml-components-for-desktop/ 的 Qt Quick Components for Desktop

我可以将它构建并安装到它自己的文件夹中，并使用 qmlviewer 查看 qml，但是如何在 Qt Creator 中使用我其他项目中的这些 qml 组件？

例如，我希望能够使用 Qt Quick Components for Desktop 中的 Dial.qml 在我的项目的 qml 文件中创建 Dial 元素。

Answer 1

我使用了这个问题的答案中的说明：Qt How to make and install plugins?，并且能够在 qt creator qml 文件中成功使用 qt 快速桌面组件。以下是我制作的更详细说明：

1. 从http://qt.gitorious.org/qt-components/desktop/trees/master下载tar.gz
2. 在任意位置提取组件（例如 C:\qt-components-desktop）。
3. 打开命令提示符。
4. 在命令提示符下从“your Visual Studio”\VC\bin\ 目录...（通常是 C:\Program Files\Microsoft Visual Studio 9.0\VC\bin）运行 vcvars32.bat。 例如“C:\Program Files\Microsoft Visual Studio 9.0\VC\bin\vcvars32.bat” 您应该会收到类似以下内容的消息：“使用 Microsoft Visual Studio 2008 x86 工具的设置环境”
5. 设置命令提示符以使用 Qt Creator 的 bin 路径 ...（通常为 C:\Qt\qtcreator-2.1.0\bin）。 例如SET PATH=%PATH%;C:\Qt\qtcreator-2.1.0\bin
6. 设置命令提示符以使用 Qt 的 bin 路径 ...（通常为 C:\Qt\4.7.2\bin）。 例如SET PATH=%PATH%;C:\Qt\4.7.2\bin
7. 在命令提示符中导航到您提取 qt 桌面组件的文件夹。
8. 运行以下命令： qmake 跳转调试 jom 安装
9. 从您提取 qt 桌面组件的位置复制“组件”文件夹。
10. 把它放在“你的Qt目录”\imports\Qt\labs ...（通常是C:\Qt\4.7.2\imports\Qt\labs）
11. 在任意文本编辑器中打开 components 文件夹内的 qmldir 文件，观察每一行的版本号（例如 0.1）
12. 在任何 qml 文件中放置以下导入语句以使用 Qt 桌面组件： 导入 Qt.labs.components #.# 其中 #.# 是您的版本号（例如 0.1）

Answer 2

1. 从http://qt.gitorious.org/qt-components/desktop/trees/master下载tar.gz
2. 解压
3. 启动 vcvars32.bat，然后转到 qt-components-desktop\ 文件夹
4. 进入 qt-components-desktop\components\ 文件夹（cd 组件），输入“qmake && nmake install”
5. 进入 qt-components-desktop\src\ 文件夹，输入“qmake && nmake install”

Answer 3

这些是使用 Windows 系统和 Qt 附带的 mingw 的替代步骤。对于此示例，我将 Qt SDK 安装到 C:\QtSDK。对于这些说明，我使用了 Qt 4.8.1。

1. 从http://qt.gitorious.org/qt-components/desktop/trees/master下载tar.gz
2. 拆开组件包装
3. 使用以下两个选项之一将 Qt 的桌面 mingw bin 路径和 Qt 的 mingw bin 路径添加到 PATH 系统变量：
   • 选项 1：（持久）使用控制面板。 (http://www.computerhope.com/issues/ch000549.htm)
     1. 导航到“控制面板”->“系统”->“高级系统设置”
     2. 选择“高级”标签
     3. 按“环境变量...”按钮，该按钮位于第三组框下方，确定/取消按钮上方
     4. 在“系统变量”组框下，滚动列表并找到“路径”变量
     5. 双击或选择“路径”变量并按“编辑...”
     6. 通过在字段中单击并按键盘上的 END 或用鼠标滚动到末尾，转到“变量值：”字段的最右端。
     7. 添加分号;，然后是Qt的mingw bin目录的路径，在本例中为C:\QtSDK\mingw\bin
     8. 在末尾添加另一个分号，然后在 Qt 的桌面 mingw bin 目录中添加您正在使用的 Qt 版本，在本例中为 4.8.1：;C:\QtSDK\Desktop\Qt\4.8.1\mingw\bin
     9. 最后，路径变量的添加应如下所示：;C:\QtSDK\mingw\bin;C:\QtSDK\Desktop\Qt\4.8.1\mingw\bin。请注意，这些路径也可以添加到路径变量中的任意位置和顺序。
     10. 对所有打开的窗口按“确定”关闭并保存您的更改。
   • 选项 2：（临时）使用 SET 命令。 此方法仅在其执行的命令提示符窗口内持续存在。如果命令提示符窗口关闭，则必须重新输入 SET 命令。
     1. 用SET PATH=%PATH%;C:\QtSDK\Desktop\Qt\4.8.1\mingw\bin添加Qt的桌面mingw bin目录
     2. 用SET PATH=%PATH%;C:\QtSDK\mingw\bin添加Qt的mingw bin目录
     3. 使用相同的命令提示符窗口继续以下步骤。 SET 命令仅针对您在其中执行它们的特定命令提示符窗口设置。
4. 如果使用了选项 1，请打开一个新的命令提示符并导航到提取 qt 桌面组件的位置。如果使用了选项 2，请使用相同的命令提示符导航到 qt 桌面组件文件夹
5. 运行以下命令：qmake && mingw-make install
6. 此命令会自动将编译后的组件文件复制到C:\QtSDK\Desktop\Qt\4.8.1\mingw\imports\QtDesktop，因此无需手动移动或创建任何文件夹。
7. 新建一个Qt Desktop项目，选择与Qt版本匹配的mingw作为工具链。

8. 尝试编译并运行以下代码：

   import QtQuick 1.1
   import QtDesktop 0.1
   
   Rectangle {
       width: 100
       height: 100
       Button {
           id: button
           text: "Push me"
           onClicked: button.text = "Pressed"
       }
   }
   

9. 完成

在这些说明发布时，QtDesktop 组件的最新版本是 0.1。要检查您安装的版本，请导航至 C:\QtSDK\Desktop\Qt\4.8.1\mingw\imports\QtDesktop 并使用文本编辑器打开文件 qmldir，并注意每一行的版本号。