ZLG开源 GUI 引擎 AWTK 1.1 发布

lixianjing · 2019-04-25 11:37:15

一、介绍

AWTK全称Toolkit AnyWhere，是ZLG开发的开源GUI引擎，旨在为嵌入式系统、WEB、各种小程序、手机和PC打造的通用GUI引擎，为用户提供一个功能强大、高效可靠、简单易用、可轻松做出炫酷效果的GUI引擎。

AWTK寓意有两个方面：

Toolkit AnyWhere。
ZLG物联网操作系统AWorks内置GUI。

AWTK源码仓库：

主源码仓库：https://github.com/zlgopen/awtk
镜像源码仓库：https://gitee.com/zlgopen/awtk

运行效果截图：

二、最终目标：

支持开发嵌入式应用程序。
支持开发Linux应用程序。
支持开发MacOS应用程序。
支持开发Windows应用程序。
支持开发Web APP。
支持开发微信小程序。
支持开发支付宝小程序。
支持开发百度小程序。
支持开发Android应用程序。
支持开发iOS应用程序。
支持开发2D小游戏。

三、主要特色

1.跨平台

AWTK是跨平台的，这有两个方面的意思：

AWTK本身是跨平台的。目前支持的平台有ZLG AWorks、Windows、Linux、MacOS、嵌入式Linux和嵌入式裸系统，可以轻松的移植到各种RTOS上。AWTK以后也可以运行在浏览器(即将公测)、各种小程序、Android和iOS等平台上运行。
AWTK同时还提供了一套跨平台的基础工具库。其中包括链表、数组、字符串(UTF8和widechar)，事件发射器、值、对象、文件系统、互斥锁和线程、表达式和字符串解析等等，让你用AWTK开发的应用程序可以真正跨平台运行。

2.高效

AWTK通过一系列的手段保证AWTK应用程序高效运行：

通过脏矩算法只更新变化的部分。
支持3 FrameBuffer让界面以最高帧率运行(可选)。
UI描述文件和主题文件使用高效的二进制格式，解析在瞬间完成。
支持各种GPU加速接口。如OpenGL、DirectX、Vulman和Metal等。
支持嵌入式平台的各种2D加速接口。目前STM32的DMA2D和NXP的PXP接口，厂家可以轻松扩展自己的加速接口。

3.稳定

AWTK通过下列方式极力让代码稳定可靠：

使用cppcheck和facebook infer进行静态检查。
使用valgrind进行动态内存检查。
近两万行的单元测试代码。
ZLG强大GUI团队的支持。
经过多个实际项目验证。
多平台/多编译器验证。
优秀的架构设计。
Code Review。
手工测试。

4.强大

丰富的控件(持续增加中)。
支持各种图片格式(png/jpg/gif/svg)。
支持各种字体格式(点阵和矢量)。
支持窗口动画
支持控件动画
支持高清屏。
支持界面描述文件。
支持主题描述文件。
支持控件布局策略。
支持对话框高亮策略。
丰富的辅助工具。
支持从低端的Cortex M3到各种高端CPU。
支持无文件系统和自定义的文件系统。
支持裸系统和RTOS。

5.易用

大量的示例代码。
完善的API文档和使用文档。
ZLG 强大的技术支持团队。
用AWTK本身开发的界面编辑器(开发中)。
声明式的界面描述语言。一行代码启用控件动画，启用窗口动画，显示图片(png/jpg/svg/gif)。

6.高度扩展性

可以扩展自己的控件。
可以扩展自己的动画。
可以实现自己的主循环。
可以扩展自己的软键盘。
可以扩展自己的图片加载器。
可以扩展自己的字体加载器。
可以扩展自己的输入法引擎。
可以扩展自己的控件布局算法。
可以扩展自己的对话框高亮策略。
可以实现自己的LCD接口。
可以扩展自己的矢量引擎(如使用skia/cairo)。
所有扩展组件和内置组件具有相同的待遇。

7.多种开发语言

AWTK本身是用C语言开发的，可以通过IDL生成各种脚本语言的绑定。生成的绑定代码不是简单的把C语言的API映射到脚本语言，而是生成脚本语言原生代码风格的API。目前支持以下语言(以后根据需要增加)：

C
Lua
Javascript on jerryscript
Javascript on nodejs

8.国际化

支持Unicode。
支持输入法。
支持字符串翻译(实时生效)。
支持图片翻译(实时生效)。
文字双向排版(计划中)。

9.开放源码，免费商用(LGPL)。

## 四、1.1 版本更新

1.稳定性增强

多个实际项目验证。
新增数百个测试用例。
增加控件运行时类型检查。
使用infer静态检查，并修改发现的问题。
使用cppcheck静态检查，并修改发现的问题。
使用valgrind动态内存检查，并修改发现的问题。

2.优化性能

绘制半透明色矩形速度提高3倍。
缩放不透明图片快1倍(bgr565格式LCD)。
缩放半透明图片快30%(bgr565格式LCD)。

3.新增特性

窗口动画支持自定义。
新增4种内置窗口动画。
对话框高亮策略支持自定义。
内置动态和静态背景变暗的对话框高亮策略。
新增 object_t接口。
对话框支持非模态。
窗口支持全屏窗口。
增加toast/info/confirm等内置对话框。
slide view支持循环切换。
slide view增加更多切换动画。
数字时钟支持英文的星期和月份。
支持自定义软键盘。
增加lcd_profile用于对绘制函数进行profile。
data资源支持同文件名不同扩展名。
window manager支持paint事件。
UI XML文件支持简单表达式。
改进编译脚本和资源生成脚本。

4.新增控件

增加mutable image，用于实现camera和video时显示图像。

5.新增重要API

window_manager_back 返回上一级窗口。
window_manager_back_to_home 返回主窗口。
window_close_force 强制关闭窗口(忽略动画)。
ui_loader_load_widget 用于加载局部组件。

6.Bug修改和完善功能

详情请参考docs/changes.md。

## 五、预告

下一个版本计划推出下列功能：

新增控件。
抽象音频接口。
桌面版本支持多原生窗口。
在sylixos和linux上支持多进程。
AWTK-WEB 让AWTK应用程序在浏览器中运行。
AWTK-MVVM 为嵌入式系统定制的MVVM框架。

需要什么功能，请在github上留言，我们会优先安排。

lixianjing · 2019-04-25 14:08:14

Zodiac 说：

这不是FTK的作者嘛？久仰！

哈哈，遇到熟人了。

lixianjing · 2019-04-25 14:10:59

cityf 说：

关注这个GUI 很久了，找机会试一试。
请问楼主是开发awtk 开发团队的吗?

是的。谢谢关注。

lixianjing · 2019-04-26 11:33:54

duckduckgo 说：

看过视频，效果很好。李工，这个GUI有没有交流群？

谢谢关注。我在README的最下面加了一个微信群的二维码：https://github.com/zlgopen/awtk

lixianjing · 2019-10-17 13:50:54

jimmy 说：

我在全志V3s上，直接运行 demoui, 插入USB鼠标就能点击，这个确实很人性化，不需要任何设置。
但是问题来了，按下鼠标不能左右滑动，而电容触摸屏可以，请教楼主, 是我的操作姿势有问题，还是本来就不行呢?
Windows/Ubuntu 模拟器鼠标操作是可以的.

可能是移植层的问题，貌似没收到鼠标移动的事件，把它打印出来看看。

lixianjing · 2019-10-17 13:51:50

ffplay 说：

请教楼主，可以用scons命令转为 msvc 工程吗?
因为我还是不习惯命令行编程

scons没这个功能。scons + VSCode挺好用的，你可试试。

lixianjing · 2019-10-17 13:55:02

达克罗德说：

rf 说：
商业使用收费吗?
看授权是LGPL，但是嵌入式环境都是静态编译居多，那么按理说就不能商业使用了，除非跑Linux然后动态加载

使用LGPL，我的本意是修改了AWTK本身，希望能分享出来。这样大家一起来完善AWTK，做出最好的GUI。

如果你不放心，可以联系我们，我们可以提供免费的商业授权。

lixianjing · 2019-10-19 17:46:00

我这里没问题啊。你用的最新代码吗？难道是 python2.7的问题？

@k455619

lixianjing · 2019-10-19 17:49:40

ffplay 说：

lixianjing 说：
ffplay 说：
请教楼主，可以用scons命令转为 msvc 工程吗?
因为我还是不习惯命令行编程
scons没这个功能。scons + VSCode挺好用的，你可试试。
VSCode是导入一个文件夹编辑对吧?可以单步调试吗?

在AWTK目录，右键打开“Open With Code”。

在launch.json加入：

    {
      "name": "(Windows) demoui.exe",
      "type": "cppvsdbg",
      "request": "launch",
      "program": "${workspaceFolder}/bin/demoui.exe",
      "args": [],
      "stopAtEntry": false,
      "cwd": "${workspaceFolder}",
      "environment": [],
      "externalConsole": false
    },

lixianjing · 2019-10-22 09:03:50

a32425262 说：

点击触摸屏是有log输出的
就是屏幕一片黑啥也不显示
晕哥说：
从 log 上面看，没有相关的日志输出.
我在 S3 上面跑过，一切正常。
还直接支持USB鼠标。

貌似资源文件没找到。是用release.sh生成的zip包吗？

lixianjing · 2019-10-24 11:24:46

不好意思，麻烦更新一下AWTK和awtk-linux-fb。

前几天加了多主题实时切换功能，资源加了一级目录，release.sh忘记更新了。

lixianjing · 2019-10-24 14:04:05

辛苦了，是我的疏忽。

lixianjing · 2019-10-31 13:55:28

image_value应该可以啊。遇到什么问题？

最近编辑记录 lixianjing (2019-10-31 14:12:24)

lixianjing · 2019-11-03 17:57:51

我测试没问题啊，你参考一下：https://github.com/zlgopen/awtk-c-demos/blob/master/demos/image_value.c

你设置控件的名称了吗？上面的代码没看到。设置名称之后才能用widget_lookup查找：

```
widget_set_name(image_value, "image_temper11");
```

lixianjing · 2019-11-03 21:27:04

好的，谢谢支持。

lixianjing · 2019-11-05 17:38:51

strip是必备技能：

ls -l build/bin/demoui 
-rwxr-xr-x 1 l 6870909 Nov  5 01:35 build/bin/demoui

arm-linux-strip build/bin/demoui

ls -l build/bin/demoui 
-rwxr-xr-x 1  2063712 Nov  5 01:36 build/bin/demoui

lixianjing · 2019-11-05 17:40:59

STM32F103用keil编译的代码约170K。

Program Size: Code=173094 RO-data=228930 RW-data=1040 ZI-data=24808

lixianjing · 2019-11-06 09:22:32

cris8259 说：

arm-linux-gnueabi-strip build/bin/demoui
arm-linux-gnueabi-strip:build/bin/demoui: 不可识别的文件格式
不可识别怎么解决

要用工具链配套的strip，如果你编译的PC版本，直接用strip即可。

lixianjing · 2019-11-06 13:46:57

https://github.com/zlgopen/awtk-linux-fb 的README里有写啊，三者并列放到同一个目录。

lixianjing · 2019-11-06 15:58:43

谢谢支持。我们会持续完善文档。

lixianjing · 2019-11-07 11:02:56

zhenfanhei 说：

楼主，有个新问题请教，想把中文字符传到strings.xml里面的%s，要用什么办法呢？
locale设置的中文，
但传中文字符串就不行了，传strings.xml里面定义过的英文串也不行，还是显示的英文，若传中文串过去则不会显示出来

中文需要用UTF8编码。

lixianjing · 2019-11-07 11:07:15

EddyZhan 说：

lixianjing 说：
谢谢支持。我们会持续完善文档。
想问一下大神，串口收到的数据想显示到ATWK界面中，如何操作比较好呢？
能否直接修改win_main.c文件，但是这样感觉软件架构就乱了。。
有没有其他好的方法？

这个话题很有意思。有空可以玩玩AWTK-MVVM: https://github.com/zlgopen/awtk-mvvm

lixianjing · 2019-11-07 14:07:00

zhenfanhei 说：

楼主大神， widget_set_text_utf8 (btn, "打开"); 显示不出来，
widget_set_text_utf8 (btn, "Open"); 能显示，这个可能是什么情况？
可以了，结贴，xx为strings.xml中定义过的串就行了，
widget_set_tr_text(btn, "xx");

1. 用vscode把源文件转换程UTF8-BOM格式。

2. 确认字体中包含中文字库。

WhyCan Forum(哇酷开发者社区)

楼主 #1 2019-04-25 11:37:15 分享评论