在 Ubuntu 12.04 中正确设置 Qt（QML）以开始使用 QML 进行开发的分步指南是什么？

Question

在我开始之前，这里是我的设置：Ubuntu 12.04.1 从软件中心默认安装 Qtcreator。

其余部分，我都在 qtcreator 上做

我想尝试 QT Assistant 的一些示例：主页 > QtWebKit QML 模块；

代码很简单，如下：

import QtWebKit 1.0

 WebView {
     url: "http://www.nokia.com"
     preferredWidth: 490
     preferredHeight: 400
     scale: 0.5
     smooth: false
 }

我得到的错误是下面的错误

Qml debugging is enabled. Only use this in a safe environment!
file:///home/cyrildz/Public/Programming/UbuntuQml/UbuntuQml.qml:1:1: module "QtWebKit" is not installed 
     import QtWebKit 1.0 
     ^

我从 qtcreator 收到此错误，这使我无法运行该示例。

为了在我的桌面上设置 Qt5，我获取了以下描述http://developer.ubuntu.com/get-started/gomobile/

那是 ：

sudo add-apt-repository ppa:canonical-qt5-edgers/qt5-beta1 && sudo apt-get update && sudo apt-get install qt5-meta-full && echo 'export PATH=/opt/qt5/bin:$PATH' >> ~/.bashrc

进而 ：

sudo add-apt-repository ppa:ubuntu-sdk-team/ppa && sudo apt-get update && sudo apt-get install qt-components-ubuntu qt-components-ubuntu-demos qt-components-ubuntu-examples qt-components-ubuntu-doc notepad-qml

有关更多信息，我查看了文件夹：/usr/lib/qt4/imports，但没有看到与模块 QtWebkit1.0 相关的任何内容。有人能帮忙解决这个问题吗？

Answer 1

您需要确保您使用正确的版本命名 QtWebKit

import QtQuick 1.0 
import QtWebKit 1.0 

这对于 Qt-Quick 1.0 来说很棒，但是 QtWebKit 中的版本号发生了一些变化

import QtQuick 2.0 
import QtWebKit 3.0

您还需要确保使用 QtCreator 的正确导入路径

例如如果你使用 qt5测试版1 形成规范的 qt edgers ppa(ppa:canonical-qt5-edgers/qt5-beta1) 然后在

/opt/qt5/imports/ 

其中有一些导入。并且是运行 qmlscene 的默认区域

但是如果你使用的是 Qt5稳定的从该网站（http://qt-project.org/downloads）那么所有进口都应该在

/opt/qt5/5.0.0/gcc/qml

或者你可以把它们放在

/opt/qt5/5.0.0/gcc/imports

但是你需要设置 qmlsceen 正在使用的路径，例如

 -I /opt/qt5/5.0.0/gcc/imports

您也可以从 Qt Creator 中执行此操作

或者从命令行

/opt/qt5/5.0.0/gcc/bin/qmlscene -I /opt/qt5/5.0.0/gcc/imports MyQmlfile.qml

我在这个 wiki 上写了更多关于此的内容

https://wiki.ubuntu.com/Qml-Phone-Alternitive

qtwebkit 示例

import QtQuick 2.0
import QtWebKit 3.0

Rectangle{
    id: rootangel
    color:"black"
    width: 1280  //parent.width
    height: 720 //parent.height
//anchors.fill: parent

WebView {
    url: "http://www.hulu.com"
    width: rootangel.width
    height: rootangel.height
    scale: 1
    smooth: false
}
}

Answer 2

我也这么做，但是http://developer.ubuntu.com/resources/app-developer-cookbook/mobile/currency-converter-phone-app/（单击您发布的网站上的“运行手机应用程序教程”即可进入该网站）说，您需要 12.10 才能进行教程。然后我决定安装 12.10。