Qt on Android: Qt Quick 之 Hello World 图文具体解释

在上一篇文章,《Qt on Android:QML 语言基础》中,我们介绍了 QML 语言的语法,在最后我们遗留了一些问题没有展开,这篇呢,我们就正式開始撰写 Qt Quick 程序,而那些问题,随着本系列文章的展开也会一一被干掉。

在開始介绍 Qt Quick 应用的基本元素之前,我们先来创建一个 HelloQtQuickApp 项目,就是经典的 Hello World 了。

版权全部 foruok,转载请注明出处:http://blog.csdn.net/foruok

HelloQtQuickApp

从零開始。

创建项目

打开 Qt Creator ,点击文 "件(F)" 菜单,在弹出的菜单列表中选择 "新建文件或项目(N)" 。例如以下图所看到的:

Qt on Android: Qt Quick 之 Hello World 图文具体解释

如上操作后, Qt Creator 会弹出新建项目界面,让我们选择应用模板。如以下的所看到的:

Qt on Android: Qt Quick 之 Hello World 图文具体解释

这里我们选择 "应用程序" 项目, "Qt Quick Application" 模板。能够看到最右側的实时提示,说这模板支持 QML 和 C++ 混合编程,这正是我们须要的,由于笔者最终提供的有使用价值的实例就是混合了 QML 和 C++ ,并且我的观点也正是这样:复杂的应用,使用 QML 高速构建界面,使用 C++ 完毕关键算法和逻辑。另外还看到支持 Destop 和 Android 两个平台。
    点击 "选择(C)..." button,新建项目向导会指引我们进入下一环节 "项目介绍和位置" 。參考下图:

Qt on Android: Qt Quick 之 Hello World 图文具体解释

请參考上图,将项目名称设置为 HelloQtQuickApp 。

点击 "下一步" button,尾随向导进入组件选择环节,如图:

Qt on Android: Qt Quick 之 Hello World 图文具体解释

请參考图示,选择  Qt Quick 2.0 。

点击 "下一步" button,尾随向导进入构建套件选择("Kit Selection")环节。
    我选择了两个套件,"Android for armeabi-v7a (GCC 4.7, Qt 5.2.0)" 和 "Desktop Qt 5.2.0 MinGW 32bit" 。请对比下图检查你的配置。

Qt on Android: Qt Quick 之 Hello World 图文具体解释

点击 "下一步" button,尾随向导进入 "项目管理" 环节。在这里你能够选择是否将项目加入版本号控制系统(如 svn 之类),还能够看到即将加入到我们的 "HelloQtQuickApp" 项目中的文件。例如以下图所看到的:

Qt on Android: Qt Quick 之 Hello World 图文具体解释

最终看到 "完毕(F)" button了,赶紧点击它!你会看到以下的项目编辑界面(我展开了项目视图以便看到项目中的全部文件):

Qt on Android: Qt Quick 之 Hello World 图文具体解释

尽管是一个简单的 Hello World ,向导还是非常热情地给我们加入了非常多文件,比方 qtquick2applicationviewer.h / qtquick2applicationviewer.cpp / main.cpp / main.qml 。接下来我们做点儿小修改。

执行项目

请把 main.qml 文件里的 "Hello World" 替换为 "Hello Qt Quick App" ,然后直接执行项目,(在电脑上)就可以看到以下的效果:

Qt on Android: Qt Quick 之 Hello World 图文具体解释

好啦,我们的 HelloQtQuickApp 项目就这么完毕了。

在手机上执行

接下来让我们做一些修改以便 HelloQtQuickApp 能够在 Android 手机上执行。

看下图:

Qt on Android: Qt Quick 之 Hello World 图文具体解释

首先我们须要点击标号为 1 的标签进入项目属性配置界面;然后点击标号为 2 的button,切换到 Android 执行选项;第三步呢,标号 3 的详情button点一下,展开部署详情;然后呢,參考标号 4 ,选择 Qt 部署策略为 Use Ministro service to install Qt ;最后一步,就是标号 5 所看到的button,创建 Android 应用须要的 AndroidManifest.xml 文件,点击后看到以下的界面:

Qt on Android: Qt Quick 之 Hello World 图文具体解释

直接点击 "完毕(F)" button就可以。然后就进入了 AndroidManifest.xml 编辑界面:

Qt on Android: Qt Quick 之 Hello World 图文具体解释

你能够依照图示,修改应用的包名,笔者修改为 an.qt.helloQtQuickApp ,然后关闭 AndroidManifest 编辑界面时会提示你保存,选择保存全部就可以了。

新的项目视图例如以下:

Qt on Android: Qt Quick 之 Hello World 图文具体解释

注意我标注的区域。

如今我们的项目最终完好了,能够在 Android sh上执行了。如对 Qt on Android 项目设置有不明之处,请移步我另外一篇文章——《Qt on Android:图文具体解释Hello World全过程》,假设你还没搭建好 Qt on Android 开发环境,请參考《Windows下Qt 5.2 for Android开发入门》。

执行项目,会让你选择目标设备,我连接的真机,选择了真机。具体请參考《Qt on Android:图文具体解释Hello World全过程》。以下是执行效果截图:

Qt on Android: Qt Quick 之 Hello World 图文具体解释

看起来没什么吸引人的?不错,确实如此。只是呢,这仅仅是開始,刚刚開始。随着深入学习,你能够自己制作出精美的应用和炫酷的游戏。假设你已经迫不及待了,请把 Qt SDK 中的 Qt Quick 的演示样例程序找几个出来跑跑看。

版权全部 foruok,转载请注明出处:http://blog.csdn.net/foruok

哎呀,看起来,对于 Qt Quick 基本元素的介绍——《Qt Quick 简单教程》——仅仅能放到下一次了……

上一篇:JavaFX 简单3D演示样例


下一篇:echo 0000