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

时间:2011-06-09 20:04:11

标签: qt qt-creator qml

我正在尝试从http://labs.qt.nokia.com/2011/03/10/qml-components-for-desktop/

使用Qt Quick Components for Desktop

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

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

3 个答案:

答案 0 :(得分:8)

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

  1. http://qt.gitorious.org/qt-components/desktop/trees/master
  2. 下载tar.gz
  3. 在任何地方提取组件(例如C:\ qt-components-desktop)。
  4. 打开命令提示符。
  5. 在命令提示符下从“您的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工具的环境”的消息
  6. 设置命令提示符以使用Qt Creator的bin路径...(通常为C:\ Qt \ qtcreator-2.1.0 \ bin)。 例如SET PATH =%PATH%; C:\ Qt \ qtcreator-2.1.0 \ bin
  7. 设置命令提示符以使用Qt的bin路径...(通常为C:\ Qt \ 4.7.2 \ bin)。 例如SET PATH =%PATH%; C:\ Qt \ 4.7.2 \ bin
  8. 在命令提示符下导航到解压缩qt桌面组件的文件夹。
  9. 运行以下命令: QMAKE jom调试 jom install
  10. 从解压缩qt桌面组件的位置复制“components”文件夹。
  11. 将其放入“您的Qt目录”\ imports \ Qt \ labs ...(通常是C:\ Qt \ 4.7.2 \ imports \ Qt \ labs)
  12. 在任何文本编辑器中打开components文件夹中的qmldir文件,并观察每行的版本号(例如0.1)
  13. 将以下import语句放在任何qml文件中以使用Qt桌面组件: import Qt.labs.components#。# 其中#。#是您的版本号(例如0.1)

答案 1 :(得分:3)

  1. http://qt.gitorious.org/qt-components/desktop/trees/master
  2. 下载tar.gz
  3. 解包
  4. 启动vcvars32.bat,然后转到qt-components-desktop \ folder
  5. 转到qt-components-desktop \ components \ folder(cd components),输入“qmake&& nmake install”
  6. 转到qt-components-desktop \ src \文件夹,输入“qmake&& nmake install”

答案 2 :(得分:0)

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

  1. http://qt.gitorious.org/qt-components/desktop/trees/master
  2. 下载tar.gz
  3. 打开组件包装
  4. 使用以下两个选项之一将Qt的Desktop 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的Desktop 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
      2. 添加Qt的Desktop mingw bin目录
      3. 使用SET PATH=%PATH%;C:\QtSDK\mingw\bin
      4. 添加Qt的mingw bin目录
      5. 使用此命令提示符窗口继续执行以下步骤。 SET命令仅为您在其中执行的特定命令提示符窗口设置。
  5. 如果使用选项1,请打开新的命令提示符并导航到qt桌面组件的提取位置。如果使用选项2,请使用相同的命令提示符导航到qt桌面组件文件夹
  6. 运行以下命令:qmake && mingw-make install
  7. 此命令会自动将已编译的组件文件复制到C:\QtSDK\Desktop\Qt\4.8.1\mingw\imports\QtDesktop,因此无需手动移动或创建任何文件夹。
  8. 制作一个新的Qt桌面项目,并选择与Qt版本匹配的mingw作为工具链。
  9. 尝试编译并运行以下代码:

    import QtQuick 1.1
    import QtDesktop 0.1
    
    Rectangle {
        width: 100
        height: 100
        Button {
            id: button
            text: "Push me"
            onClicked: button.text = "Pressed"
        }
    }
    
  10. 完成
  11. 在这些说明时,最新版本的QtDesktop组件为0.1。要检查您安装的版本,请导航至C:\QtSDK\Desktop\Qt\4.8.1\mingw\imports\QtDesktop并使用文本编辑器打开文件qmldir,并注意每行的版本号。