专门用来制作AWTK应用程序的UI界面的实用工具是什么?

发布时间:2020-06-11

阅读量:1089

今天,我们迎来了Designer 0.1.5的发布。在这个版本中,我们完善了许多细节,并增加了部分新功能,如:支持多主题编辑、编译源代码、模拟运行以及虚拟占位控件等。

AWTK Designer是专门用来制作AWTK应用程序的UI界面的实用工具,只要通过拖曳和点击就可以完成复杂的界面设计,而且可以随时预览效果图。通过AWTK Designer即可完成UI界面元素的布局、设置控件属性、给控件添加动画效果和设置样式等。

得益于AWTK强大的功能和跨平台特性,AWTK Designer本身也是基于AWTK构建的。

今天,我们迎来了AWTK Designer 0.1.5的发布。在这个版本中,我们完善了许多细节,并增加了部分新功能,如:支持多主题编辑、编译源代码、模拟运行以及虚拟占位控件等。

支持多主题编辑

在Designer的左下角处的“项目设置” -》 “主题”选项卡,可添加多套主题。同一项目中支持多套主题编辑,切换主题可编辑相应的资源文件。这里的主题既可以是适配不同LCD屏幕大小的主题,也可以是相同LCD屏幕下(使用不同的样式、图片等资源)的不同主题,可以完成类似切换皮肤的效果。

专门用来制作AWTK应用程序的UI界面的实用工具是什么?

皮肤一与皮肤二

 支持编译源代码和模拟运行

设计好UI界面 -》 打包(资源)-》 编译(源代码)-》 模拟运行,编译和模拟运行通过简单的点击鼠标就可以完成,再也不用在终端输入编译和运行命令,让整个开发流程变得更加便捷。

编译与模拟运行效果图

注:编译源代码和模拟运行,仅支持Windows平台。

虚拟占位控件

虚拟占位控件,可作为Designer自带的控件之外的任意控件,可满足用户添加自定义控件的需求。下图是:Chart.v2-Demo添加自定义控件“柱状图”,模拟运行后的效果图。

占位控件与模拟运行效果图

控件间相同属性可同时修改

可同时修改多个控件(可以是不同类型的控件)的相同属性,一起修改属性变得轻而易举。

一起修改按钮和文本控件背景色

检索翻译文本

点击 “检索翻译文本”按钮,可检索UI界面XML文件中的待翻译文本,快速完成多国语言互译。

实现中英文互译

颜色设置支持抓色

颜色设置支持抓色功能,可方便捕捉需要的颜色。

抓色设置Button控件背景色

支持输出位图字体

打包时,支持输出位图字体,可满足RAM极小的嵌入式平台。

输出位图字体

示例支持使用Designer打开与编辑

awtk-examples.v2下的示例运行效果截图

获取Designer下载地址

可通过AWTK官网或AWTK云平台下载Designer,链接地址如下:

AWTK官网:

https://www.zlg.cn/index/pub/awtk.html

AWTK云平台:

https://awtk.zlg.cn

更多信息,请参阅Designer安装目录下的文档:

DocsCHANGELOG.md

AWTK动态

欢迎感兴趣的工程师评估和尝试AWTK,应用相关疑惑,可以添加小Z微信(zlgmcu-888)进入AWTK群聊,ZLG研发技术团队亲自为您解答。

更多精彩内容敬请关注“ZLG致远电子”微信公众号,我们会持续发布AWTK最新动态。