AWTK-WEB 快速入门(1) - C 语言应用程序

主要观点总结

本文介绍了如何使用C语言开发AWTK-WEB应用程序，包括使用AWTK Designer新建应用程序、为按钮编写代码、编写配置文件以及编译和运行WEB应用程序的过程。同时，文章还介绍了AWTK-WEB-JS与AWTK-JS的API差异以及注意事项。

关键观点总结

关键观点1: 使用AWTK Designer新建应用程序，包括安装AWTK Designer和创建基本界面。

介绍了如何安装AWTK Designer并新建一个应用程序，包括设置按钮的名称和文本。

关键观点2: 为按钮编写事件处理函数和初始化窗口的子控件。

详细解释了如何为按钮添加事件处理函数，并展示了初始化窗口子控件的示例代码。

关键观点3: 编写配置文件并编译和运行WEB应用程序。

介绍了如何编写配置文件，包括应用程序的基本信息和各种平台的配置。同时，文章还详细说明了如何在不同平台上编译和运行WEB应用程序。

关键观点4: AWTK-WEB-JS与AWTK-JS的API差异及注意事项。

指出了两者在API上的差异，包括不支持模态对话框、打印函数的使用以及对象自动回收等问题。同时，也给出了一些建议，以便在两种平台上实现通用性。

关键观点5: 硬件高集成化与广泛的应用场景介绍。

简要介绍了应用芯片ZMP110X的硬件高集成化和丰富的多媒体特性，以及其在不同领域的应用场景。

文章预览

导读 AWTK 可以使用相同的技术栈开发各种平台的应用程序。有时我们需要使用 Web 界面与设备进行交互，本文介绍一下如何使用 C 语言开发 AWTK-WEB 应用程序。 用 AWTK Designer 新建一个应用程序 先安装 AWTK Designer： https://awtk.zlg.cn/web/index.html 1. 新建应用程序 这里假设应用程序的名称为 AwtkApplicationC，后面会用到，如果使用其它名称，后面要做相应修改。 在窗口上放置一个按钮； 将按钮的名称改为 “close”； 将按钮的文本改为 “关闭”。 2. 为按钮编写代码 2.1 用VSCode打开目录AwtkApplicationC，并打开文件 src/pages/home_page.c 使用其它文本编辑器或 IDE 也可以，推荐使用 VSCode，并开启 Copilot，将大幅提升开发效率。 2.2 添加 close 按钮的事件处理函数。可以参考下面的代码： static ret_t on_close ( void * ctx, event_t * evt) {   return tk_quit(); } /** * 初始化窗口的子 ………………………………