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下的示例运行效果截图
获取Designer下载地址
可通过AWTK官网或AWTK云平台下载Designer,链接地址如下:
-
AWTK官网:
https://www.zlg.cn/index/pub/awtk.html
-
AWTK云平台:
https://awtk.zlg.cn
更多信息,请参阅Designer安装目录下的文档:
DocsCHANGELOG.md