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

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

 ​

HelloQtQuickApp

    从零開始。

创建项目

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

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

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

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

    这里我们选择 "应用程序" 项目, "Qt Quick Application" 模板。能够看到最右側的实时提示,说这模板支持 QML 和 C++ 混合编程,这正是我们须要的,由于笔者最终提供的有使用价值的实例就是混合了 QML 和 C++ ,并且我的观点也正是这样:复杂的应用,使用 QML 高速构建界面,使用 C++ 完毕关键算法和逻辑。另外还看到支持 Destop 和 Android 两个平台。

    点击 "选择(C)..." button,新建项目向导会指引我们进入下一环节 "项目介绍和位置" 。參考下图:

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

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

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

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

    请參考图示,选择  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 图文具体解释_xml_05

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

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

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

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

    尽管是一个简单的 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 图文具体解释_javascript_08


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

在手机上执行

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

    看下图:

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

    首先我们须要点击标号为 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 图文具体解释_新建项目_10

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

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

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

    新的项目视图例如以下:

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


    注意我标注的区域。

     

Qt on Android: Qt Quick 之 Hello World 图文具体解释_新建项目_13

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

   ​