蓝冠注册《Q374919 》这是一个介绍性教程,蓝冠注册 让您开始使用Qt/QML和Felgo来为桌面(Linux, Window & macOS)和移动设备(iOS & Android)设计多平台应用程序。本教程开发了一个完整的应用程序:NASA Astronomy Picture of the Day应用程序。本教程还描述了如何创建自定义QML组件,以及如何通过访问NASA开放api来执行HTTP请求。
看看下面的视频,看看应用程序的行动!这个应用程序可以在Linux, Window, macOS, Android和iOS上运行,所有的代码都是一样的。是不是很酷?但是,Felgo路线图还包括为云中的不同平台构建应用程序,支持嵌入式和物联网设备,并将应用程序发布到web上。
如果你不熟悉Qt框架或Felgo,蓝冠 我建议你先看看Qt 5框架技术和工具:QML, Qt Quick, Qt Creator和Felgo。
大纲
当天天文图片(APoD)应用
美国宇航局APoD开放API
执行HTTP请求
创建自定义QML组件
我如何执行应用程序?在我的手机里实时刷新怎么样?
我可以做什么来学习和改进这个应用程序?
当天天文图片(APoD)应用
让我们来看看如何设计一个QML应用程序来访问NASA天文图片当日开放API,蓝冠官网 并通过实时代码重载在我们的手机或平板电脑上进行测试。最酷的是你可以使用桌面操作系统(Linux, Windows和macOS)和移动设备(Android或iOS)的任何组合。
APoD应用程序的代码是开源的,可以在我们的GitHub上的APoDapp库中找到。
首先要做的是下载并安装Felgo。它集成了所有需要的东西。Felgo包括Qt框架和Qt Creator IDE。安装之后,执行Felgo,您应该会看到Qt Creator。请看示例部分,看看这个软件开发工具包(SDK)可以做些什么。
下一步是创建一个新的应用程序,点击File -> new File or Project,然后选择Felgo Apps, Single-Page Application。将其命名为“APoDapp”并选择目标文件夹。在工具箱选择中,只选择Felgo desktop,单击next,再次单击next和finish。
主要的QML代码。qml是qml对象的层次树。import语句定义我们想要使用的模块和版本。如果不同模块中有同名的组件,我们可以根据需要设置别名(如Quick2)。
我们的应用程序的总体结构如下所示。主节点中的App组件。NavigationStack组件添加了一个导航栏,该导航栏显示页面标题,并用于在页面之间导航。页面是组件的容器。