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

Question

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

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

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

Answer 1

我使用了这个问题的答案中的说明： Qt 如何制作和安装插件? 并能够在 qt 创建者 qml 文件中成功使用 qt 快速桌面组件。以下是我所做的更详细说明：

1. 从 http://下载 tar.gz /qt.gitorious.org/qt-components/desktop/trees/master
2. 将组件提取到任意位置（例如 C:\qt-components-desktop）。
3. 打开命令提示符。
4. 在命令提示符下从“您的 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 install
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 下载 tar.gz /desktop/trees/master
2. 解压
3. 启动 vcvars32.bat，然后转到 qt-components-desktop\ 文件夹
4. 转到 qt-components-desktop\components\ 文件夹（cd elements），输入“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 下载 tar.gz /desktop/trees/master
2. 解压组件
3. 使用以下两个选项之一将 Qt 的桌面 mingw bin 路径和 Qt 的 mingw bin 路径添加到 PATH 系统变量：
   • 选项 1：（持续）使用控制面板。 (http ://www.computerhope.com/issues/ch000549.htm）
     1. 导航至“控制面板”-> 「系统」-> “高级系统设置”
     2. 选择“高级”标签
     3. 按“环境变量...”按钮，该按钮位于第三个组合框下方、“确定/取消”按钮上方
     4. 在“系统变量”组框下，滚动列表并找到“路径”变量
     5. 双击或选择“Path”变量，然后按“编辑...”
     6. 通过在字段内单击并按键盘上的 END 或使用鼠标滚动至末尾，转到“变量值：”字段的最右端。
     7. 添加分号;，然后添加Qt的mingw bin目录的路径，本例中为C:\QtSDK\mingw\bin
     8. 在末尾添加另一个分号，然后在您使用的 Qt 版本中添加 Qt 的 Desktop mingw bin 目录，在本例中为 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. 尝试编译并运行以下代码：

   导入QtQuick 1.1
   导入QtDesktop 0.1
   
   长方形 {
       宽度：100
       高度：100
       按钮 {
           id: 按钮
           文字：“推我”
           onClicked: Button.text = "按下"
       }
   }
   

9. 完成

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