0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

【从0开始创建AWTK应用程序】开发及调试环境搭建

ZLG致远电子 2023-11-11 10:00 次阅读

AWTK是基于C语言开发的跨平台GUI框架。本系列文章介绍如何从0开始创建AWTK应用程序,包括搭建开发调试环境、使用AWTK创建Hello工程并在模拟器上运行、将AWTK应用程序移植到其它平台。

安装AWStudio

AWStudio是用来整合AWTK Designer的工具,可以管理AWTK Designer创建的项目,我们可以通过AWStudio来安装AWTK的开发环境。

1. 下载与安装AWStudio

首先,我们使用浏览器打开AWStudio云平台,点击下面的“注册”按钮进行账号的注册,如下图所示:

需要注意的是,在注册过程中填写完整的公司名称,并需要绑定好邮箱,这样后台才可以审核通过并正确发放续期卡券到账号上,如果之前注册的账号没有绑定到邮箱,可以通过AWStudio云平台中的“个人信息”—“账号安全”选项卡中进行编辑,如下图所示:

0ac418ae-8036-11ee-9788-92fbcf53809c.png

图2绑定邮箱与填写正确的公司名称

0acf174a-8036-11ee-9788-92fbcf53809c.png

图3编辑AWStudio云平台账号邮箱信息

注册完成在AWStudio云平台界面点击右上角的“客户端”跳转至AWStudio下载界面,并根据自己系统选择合适的版本进行下载。下载完成后,双击“AWStudio-Community-x64-xxx-Setup.exe”打开安装包,并根据提示完成安装,由于安装过程比较简单,这里不过多赘述。

2. 激活与续期AWStudio

在首次登录进AWStudio时,系统会提示需要选择一个许可证进行激活,这里我们选择其中一个许可证点击“激活”按钮即可。如果许可证到期可以在AWStudio云平台的许可管理页面点击“续期”按钮选择续期卡券来续期许可证,如下图所示:

0adfa376-8036-11ee-9788-92fbcf53809c.png

图4许可证激活

0aead4ee-8036-11ee-9788-92fbcf53809c.png

图5许可证续期


使用AWStudio环境检测工具安装AWTK开发环境

在AWStudio主界面点击上方“帮助” —— “检测AWTK开发环境” 按钮可以打开AWStudio自带的环境检测工具,如下图:0af54550-8036-11ee-9788-92fbcf53809c.jpg图6 环境检测工具

这个列表中所列出的环境都推荐安装,其中PythonNode.js是负责打包AWTK程序所用到的资源文件,而SCons与编译器是负责将AWTK应用程序编译成可以在桌面系统(如:Windows和Ubuntu)模拟器上执行的应用程序,如果用户不需要在模拟器运行可以选择只安装Python和Node.js。点击环境检测工具下方的“检测”按钮可以快速检测当前环境是否完整,如果检测到不完整的话点击下方的“一键安装”按钮可以一键安装Python、SCons、Node.js环境。

1. 安装编译器

AWTK是跨平台的GUI,可以在Windows等桌面系统运行,也可以在嵌入式系统运行,运行前均需要使用对应平台的编译器进行编译。安装Windows版的AWStudio后,如需要在Windows模拟运行AWTK程序,需要用户自行安装编译器,AWTK支持Visual Studio C++编译器(推荐使用)与MinGW编译器,我们只需要二选一选择其中一个安装即可,并不需要两个编译器都进行安装,安装教程可以点击对应编译器的“安装指南”按钮进行查看。

需要注意的是如果选择安装Visual Studio C++编译器的话,需要安装Visual Studio 2015或以上的版本。如果安装Visual Studio 2015需要勾选“Visual C++编程语言”,如果安装Visual Studio 2019则需要选择“使用C++的桌面开发”,如下图所示:

0b0476f6-8036-11ee-9788-92fbcf53809c.png

图7 安装Visual Studio2015

0b1fb524-8036-11ee-9788-92fbcf53809c.png

图8 安装Visual Studio 2019


编译AWTK

安装好所需编译环境之后,我们在AWStudio新建一个工程并打开,此时点击上方工具栏的“项目”—“编译”按钮时会提示我们AWTK未进行编译,这时候根据提示点击“是”即可进行编译。除了上面方式,还可以点击左侧导航栏的“插件管理”按钮进入插件页面也可以进行AWTK编译,如下图所示:

0b2b37a0-8036-11ee-9788-92fbcf53809c.png

图9 编译AWTK的方式

0b367ed0-8036-11ee-9788-92fbcf53809c.png

图10 编译AWTK的方式

等待一段时间后可以看到如下图的AWTK编译完成提示。

0b493bb0-8036-11ee-9788-92fbcf53809c.png

图11 AWTK编译完成
到这里,我们的AWTK开发环境便搭建好了,如果你在安装过程中遇到了问题,欢迎加入交流群讨论。

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • C语言
    +关注

    关注

    180

    文章

    7597

    浏览量

    136117
  • 应用程序
    +关注

    关注

    37

    文章

    3240

    浏览量

    57593
  • awtk
    +关注

    关注

    0

    文章

    42

    浏览量

    216
收藏 人收藏

    评论

    相关推荐

    AWTK 最新动态:支持浏览器控件

    导读AWTK浏览器控件,基于webview项目实现,将浏览器嵌入到AWTK应用程序中,让开发者可以方便的集成在线帮助和调用地图等功能。awtk
    的头像 发表于 11-20 01:05 62次阅读
    <b class='flag-5'>AWTK</b> 最新动态:支持浏览器控件

    AWTK最新动态】AWTK 1.8版本发布

    是什么AWTK全称ToolkitAnyWhere,是ZLG开发的开源GUI引擎,旨在为嵌入式系统、WEB、各种小程序、手机和PC打造的通用GUI引擎,为用户提供一
    的头像 发表于 08-30 12:48 375次阅读
    【<b class='flag-5'>AWTK</b>最新动态】<b class='flag-5'>AWTK</b> 1.8版本发布

    PyTorch深度学习开发环境搭建指南

    PyTorch作为一种流行的深度学习框架,其开发环境搭建对于深度学习研究者和开发者来说至关重要。在Windows操作系统上搭建PyTorc
    的头像 发表于 07-16 18:29 798次阅读

    0开始创建AWTK应用程序】编译应用到RTOS平台

    AWTK是基于C语言开发的跨平台GUI框架。本系列文章介绍如何0开始创建AWTK
    的头像 发表于 03-21 08:23 565次阅读
    【<b class='flag-5'>从</b><b class='flag-5'>0</b><b class='flag-5'>开始创建</b><b class='flag-5'>AWTK</b><b class='flag-5'>应用程序</b>】编译应用到RTOS平台

    AWTK开源智能串口屏方案】设计UI界面并上传到串口屏

    列文章介绍如何开发HMI程序,包括搭建开发环境创建
    的头像 发表于 02-22 08:24 662次阅读
    【<b class='flag-5'>AWTK</b>开源智能串口屏方案】设计UI界面并上传到串口屏

    AWTK开源智能串口屏方案】MCU SDK使用与编译运行

    代码智能串口屏方案,本系列文章介绍如何开发HMI程序,包括搭建开发环境
    的头像 发表于 02-19 12:11 1124次阅读
    【<b class='flag-5'>AWTK</b>开源智能串口屏方案】MCU SDK使用与编译运行

    在ModuStoolBox环境之外开发应用程序时应该考虑哪些因素?

    我正在迈出CY8CPROTO-063-BLE平台的第一步,并希望在ModusToolbox生态系统之外创建自己的引导代码。 对开发板进行编程后,我尝试调试这个小启动代码。 但是,CM0
    发表于 01-25 06:38

    AWTK开源智能串口屏方案】HMI端程序移植编译及运行

    -HMI是基于AWTKAWTK-MVVM开发的低代码智能串口屏方案,本系列文章介绍如何开发HMI
    的头像 发表于 01-18 08:24 852次阅读
    【<b class='flag-5'>AWTK</b>开源智能串口屏方案】HMI端<b class='flag-5'>程序</b>移植编译及运行

    如何构建linux开发环境和编译软件工程、应用程序

    前文介绍了如何使用官方提供的镜像文件启动开发板,本文将说明如何构建linux开发环境和编译软件工程、应用程序
    的头像 发表于 01-03 12:31 1923次阅读
    如何构建linux<b class='flag-5'>开发</b><b class='flag-5'>环境</b>和编译软件工程、<b class='flag-5'>应用程序</b>

    ​【AWTK开源智能串口屏方案】方案介绍和工作原理

    串口屏方案,本系列文章介绍如何开发HMI程序,包括搭建开发环境
    的头像 发表于 12-21 08:24 939次阅读
    ​【<b class='flag-5'>AWTK</b>开源智能串口屏方案】方案介绍和工作原理

    AWTK 串口屏开发(1) - Hello World

    本文以一个简单的温度设置程序为例,介绍AWTK串口屏的开发流程和MVVM数据绑定的基本方法。功能这个例子很简单,制作一个调节温度的界面。在这里例子中,模型(也就是数据)里只有一个温度变量:变量名
    的头像 发表于 12-08 15:52 475次阅读
    <b class='flag-5'>AWTK</b> 串口屏<b class='flag-5'>开发</b>(1) - Hello World

    0开始创建AWTK应用程序】编译应用到嵌入式Linux平台运行

    AWTK是基于C语言开发的跨平台GUI框架。本系列文章介绍如何0开始创建AWTK
    的头像 发表于 12-07 12:08 668次阅读
    【<b class='flag-5'>从</b><b class='flag-5'>0</b><b class='flag-5'>开始创建</b><b class='flag-5'>AWTK</b><b class='flag-5'>应用程序</b>】编译应用到嵌入式Linux平台运行

    php运行环境搭建方法

    搭建PHP运行环境开发PHP应用程序的基础,本文将详尽、详实、细致地介绍从零开始搭建PHP运行
    的头像 发表于 12-04 14:56 1202次阅读

    0开始创建AWTK应用程序创建应用程序并在模拟器运行

    AWTK是基于C语言开发的跨平台GUI框架。本系列文章介绍如何0开始创建AWTK
    的头像 发表于 12-01 08:24 462次阅读
    【<b class='flag-5'>从</b><b class='flag-5'>0</b><b class='flag-5'>开始创建</b><b class='flag-5'>AWTK</b><b class='flag-5'>应用程序</b>】<b class='flag-5'>创建</b><b class='flag-5'>应用程序</b>并在模拟器运行

    开发java应用程序的基本步骤是

    Java应用程序。确定您希望应用程序能够执行的任务和提供的功能。这将有助于指导您在开发过程中进行决策并确定实现代码的方式。 2.设计应用程序:在开始
    的头像 发表于 11-28 16:52 1518次阅读