当前位置:首页 > awtk
  • AWTK Designer 0.1.5正式发布,界面设计竟如此简单!

    AWTK Designer 0.1.5正式发布,界面设计竟如此简单!

    AWTK Designer是专门用来制作AWTK应用程序的UI界面的实用工具,只要通过拖曳和点击就可以完成复杂的界面设计,而且可以随时预览效果图。通过AWTK Designer即可完成UI界面元素的布局、设置控件属性、给控件添加动画效果和设置样式等。 得益于AWTK强大的功能和跨平台特性,AWTK Designer本身也是基于AWTK构建的。 今天,我们迎来了AWTK Designer 0.1.5的发布。在这个版本中,我们完善了许多细节,并增加了部分新功能,如:支持多主题编辑、编译源代码、模拟运行以及虚拟占位控件等。   支持多主题编辑 在Designer的左下角处的“项目设置” -> “主题”选项卡,可添加多套主题。同一项目中支持多套主题编辑,切换主题可编辑相应的资源文件。这里的主题既可以是适配不同LCD屏幕大小的主题,也可以是相同LCD屏幕下(使用不同的样式、图片等资源)的不同主题,可以完成类似切换皮肤的效果。 皮肤一与皮肤二   支持编译源代码和模拟运行  设计好UI界面 -> 打包(资源)-> 编译(源代码)-> 模拟运行,编译和模拟运行通过简单的点击鼠标就可以完成,再也不用在终端输入编译和运行命令,让整个开发流程变得更加便捷。 编译与模拟运行效果图 注:编译源代码和模拟运行,仅支持Windows平台。   虚拟占位控件 虚拟占位控件,可作为Designer自带的控件之外的任意控件,可满足用户添加自定义控件的需求。下图是:Chart.v2-Demo添加自定义控件“柱状图”,模拟运行后的效果图。 占位控件与模拟运行效果图   控件间相同属性可同时修改 可同时修改多个控件(可以是不同类型的控件)的相同属性,一起修改属性变得轻而易举。 一起修改按钮和文本控件背景色   检索翻译文本 点击 “检索翻译文本”按钮,可检索UI界面XML文件中的待翻译文本,快速完成多国语言互译。 实现中英文互译   颜色设置支持抓色 颜色设置支持抓色功能,可方便捕捉需要的颜色。 抓色设置Button控件背景色   支持输出位图字体 打包时,支持输出位图字体,可满足RAM极小的嵌入式平台。 输出位图字体   示例支持使用Designer打开与编辑 awtk-examples.v2下的示例运行效果截图 免责声明:本文内容由21ic获得授权后发布,版权归原作者所有,本平台仅提供信息存储服务。文章仅代表作者个人观点,不代表本平台立场,如有问题,请联系我们,谢谢!

    时间:2020-06-03 关键词: ui awtk 编译源代码

  • 如何将AWTK应用部署到嵌入式开发环境中

    如何将AWTK应用部署到嵌入式开发环境中

    AWTK已经在多个嵌入式平台做好了移植,并提供了相应的模板工程,如:嵌入式Linux、AWorksOS、RT1052裸系统以及STM32裸系统等。AWTK应用程序在Windows调试好之后,部署到这些嵌入式开发环境非常方便,只需要简单的几个步骤就可以了,具体的内容请看下文。 下面我们就以HelloDesigner-Demo为例,说明如何将应用部署到嵌入式开发环境中。 把应用部署到嵌入式Linux 下面以ZLG周立功Linux开发套件M6708-T(Cortex-A9)为载体,如何将应用部署到嵌入式Linux中,操作步骤如下: (1)安装交叉编译器(Ubuntu16 x64) 在M6708-T开发套件光盘资料中,找到 arm-poky-linux-gnueabi编译器的安装脚本并执行,默认安装在类似如下的目录: /opt/poky/1.7/sysroots/x86_64-pokysdk-linux/usr/bin/arm-poky-linux-gnueabi (2)下载AWTK整合包 在AWTK官网下载整合发布包,将整合包其解压到Linux系统目录中(如:/home/user): (3)修改编译工具链 修改awtk-linux-fb/awtk_config.py文件: ·设置TOOLS_PREFIX为arm-poky-linux-gnueabi编译器的路径,如下图所示: ·如果CPU支持硬浮点,则开启“-mfloat-abi=hard ”,如下图所示: (4)编译应用程序 将HelloDesigner-Demo复制到user_apps目录下。执行下面的命令,目标文件将输出到awtk-linux-fb/build/bin: cd /home/user/awtk-linux-fb scons APP=../user_apps/HelloDesigner-Demo (5)打包应用程序 编译完成后,还需要把应用程序和资源文件打包在一起,才能下载到板子上运行,执行下面的命令,生成压缩包release.tar.gz: cd /home/user/awtk-linux-fb ./release.sh ../user_apps/HelloDesigner-Demo/res (6)运行应用程序 把 release.tar.gz 上传到开发板并解压,然后通过ssh或串口调助手让板子运行: ./release/bin/demo 把应用部署到AWorksOS 下面以RT1052平台为例,介绍如何将自己的应用移植到AWorksOS平台上。从ZLG官网下载最新的RT1052光盘资料,里面包含自带移植好的AWTK Eclipse工程和AWTK Keil工程。只需屏蔽工程中自带的示例代码文件(通常名字是xxx_demo),然后往工程中添加用户自己的应用代码就可以了。 使用Eclipse构建应用 找到AWorksOS SDK开发包下的aw_m1052_disk-2.0.0目录,然后按下面步骤操作: (1)打开m1052_awtk工程 (2)屏蔽demos示例 屏蔽m1052_awtk工程自带demos应用示例,可按下图所示操作: (3)把应用加入工程 将HelloDesigner-Demo复制到: aw_m1052_disk-2.0.0-test\examples\application\app_awtk_demo\src\user_apps目录下,再刷新工程,显示如下图所示。然后就可以编译和调试工程了。 使用Keil构建应用 找到aw_easyarmrt1052_disk-2.0.1目录(AWorksOS SDK中),然后按下面步骤操作: (1)打开easy_arm_rt1052.uvprojx工程 (2)屏蔽awtk-demo示例 在easy_arm_rt1052工程中,默认提供了一个awtk-demo示例。如果需要将自己的应用添加到该工程,先屏蔽awtk-demo文件夹,可按下图所示操作: (3)把应用加入工程 将HelloDesigner-Demo中的源代码(通常在src目录下),添加到这个Keil工程中,可按下图所示操作。然后就可以编译和调试工程了。 把应用部署到其他平台 ·用于RT1052裸系统的awtk-easyarm-rt1052-raw工程 ·用于STM32裸系统的awtk-stm32f429igtx-raw工程 以上这些工程都可以在AWTK的官网或者GitHub找到。如果想把自己的应用添加到这些Keil工程上编译运行,方法都大同小异,即先屏蔽工程中自带的示例代码文件(通常名字是xxx_demo),然后往工程中添加用户自己的应用代码。 RT1052裸系统Keil工程 (1)获取awtk-easyarm-rt1052-raw源码 git clone https://github.com/zlgopen/awtk-easyarm-rt1052-raw.git (2)打开awtk_gui_demo.uvprojx工程 (3)屏蔽Chart-Demo示例 在awtk_gui_demo工程中,默认提供了一个Chart-Demo示例。如果需要将自己的应用添加到该工程,先屏蔽Chart-Demo文件夹,可按下图所示操作: (4)把应用加入工程 将HelloDesigner-Demo的源代码(通常在src目录下),添加到这个Keil工程中,可按下图所示操作。然后就可以编译和调试工程了。 STM32裸系统Keil工程 下面以STM32F429为例,说明如何在工程中添加自己的应用,步骤如下: (1)获取STM32f429igtx源码 git clone https://github.com/zlgopen/awtk-stm32f429igtx-raw.git (2)获取AWTK源码 我们要把AWTK的源码放到工程目录中一起参与编译,并要需确保AWTK SDK版本与应用的一致性。获取AWTK源码的方式有下面两种: ·方式一(推荐使用该方式): 找到Designer的安装目录,将AWTK\SDK\awtk整个目录复制到awtk-stm32f429igtx-raw目录下。 ·方式二: 按照下面命令从GitHub上下载最新的AWTK源码。 cd awtk-stm32f429igtx-raw git clone https://github.com/zlgopen/awtk.git (3)打开awtk.uvprojx工程 (4)屏蔽AWTK-DEMO示例 在awtk工程中,默认提供了一个AWTK-DEMO示例。如果需要将自己的应用添加到该工程,先屏蔽AWTK-DEMO文件夹,可按下图所示操作: (5)把应用加入工程 将HelloDesigner-Demo的源代码(通常在src目录下),添加到这个Keil工程中,可按下图所示操作。然后就可以编译和调试工程了。 本文的详细内容请看:《AWTK开发实践》中的“第11章 把应用部署到嵌入式开发环境”。

    时间:2020-03-25 关键词: 嵌入式 gui awtk

  • ZLG震撼发布开源GUI引擎AWTK

    随着手机、智能手表等便携式设备的普及,用户对于GUI的要求日渐提高。如何设计出高性能、高可靠性、低功耗、美观炫酷的GUI?这成为一个困扰开发者的难题!为此,ZLG打造了功能强大、可靠、简单易用的开源GUI引擎——AWTK。     视频播放地址:https://v.qq.com/x/page/r1357h1qp9h.html AWTK 全称为 Toolkit AnyWhere,是 ZLG 倾心打造的一套基于 C 语言开发的 GUI 框架。旨在为用户提供一个功能强大、高效可靠、简单易用、可轻松做出炫酷效果的 GUI 引擎,并支持跨平台同步开发,一次编程,终生使用。 主要特色: ●开源免费,使用无拘束; ●支持纯 C 语言编程,使用无门槛; ●支持跨多种操作系统,甚至是无操作系统平台,同步开发调试,使用无界限; ●小巧高效,最小仅需 8K RAM+32K FLASH,可运行在 Cortex-M3 等小资源平台; ●拥有完善的动画系统,半透明填充和贴图,支持硬件加速,轻松做出炫酷流畅的界面效果; ●丰富的 GUI 控件,提供窗口、对话框和各种常用的控件,并内置多种动画效果; ●支持位图字体和矢量字体,可加载标准的 TTF 字体文件; ●内置中英文输入法,并支持智能词组输入; ●支持 XML 进行界面布局,主题和样式表技术,轻松实现界面换肤; ●支持视网膜高清分辨率技术,配合高清屏可呈现平滑细腻的图形和文字。 以下视频为AWTK实拍界面操作,完全相同的代码在基于AWorks OS的RT1052处理器和Windows 10系统上运行的效果。     视频播放地址:https://v.qq.com/x/page/r1357fujk8s.html 项目进展 目前 AWTK 的核心功能已经全部完成,正式发布 1.0 版本,并配套完整的在线使用文档。 已适配的平台: ●AWorks ●Windows ●Linux ●macOS 同时,AWTK 已经在 ZLG 内部多个实际项目中使用和验证。 下载地址: AWTK 代码托管在 GitHub 上,欢迎感兴趣的工程师评估和尝试,应用相关疑惑,可以添加小Z微信(zlgmcu-888)进入AWTK群聊,ZLG研发技术团队亲自为您解答。 主仓库:https://github.com/zlgopen/awtk 在线文档:https://github.com/zlgopen/awtk/blob/master/docs/index.md   AWorks(RT1052)适配层:https://github.com/zlgopen/awtk-aworks-rt1052

    时间:2019-01-21 关键词: zlg gui引擎 awtk

发布文章

技术子站

更多

项目外包