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

 

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

 

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

 

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

 

AWTK Designer 0.1.5正式发布,界面设计竟如此简单!_控件_02  支持多主题编辑

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

 

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

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

皮肤一与皮肤二

 

AWTK Designer 0.1.5正式发布,界面设计竟如此简单!_控件_03  支持编译源代码和模拟运行 

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

 

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

编译与模拟运行效果图

 

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

 

AWTK Designer 0.1.5正式发布,界面设计竟如此简单!_位图_07  虚拟占位控件

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

 

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

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

 

AWTK Designer 0.1.5正式发布,界面设计竟如此简单!_云平台_09  控件间相同属性可同时修改

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

 

AWTK Designer 0.1.5正式发布,界面设计竟如此简单!_背景色_10

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

 

AWTK Designer 0.1.5正式发布,界面设计竟如此简单!_背景色_11  检索翻译文本

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

 

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

 

AWTK Designer 0.1.5正式发布,界面设计竟如此简单!_背景色_13

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

实现中英文互译

 

AWTK Designer 0.1.5正式发布,界面设计竟如此简单!_背景色_11  颜色设置支持抓色

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

 

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

抓色设置Button控件背景色

 

AWTK Designer 0.1.5正式发布,界面设计竟如此简单!_控件_17  支持输出位图字体

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

 

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

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

输出位图字体

 

AWTK Designer 0.1.5正式发布,界面设计竟如此简单!_ui界面_20  示例支持使用Designer打开与编辑

      

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

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

 

AWTK Designer 0.1.5正式发布,界面设计竟如此简单!_背景色_23

AWTK Designer 0.1.5正式发布,界面设计竟如此简单!_背景色_24

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

 

AWTK Designer 0.1.5正式发布,界面设计竟如此简单!_背景色_11  获取Designer下载地址

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

  • AWTK官网:
    https://www.zlg.cn/index/pub/awtk.html
  • AWTK云平台:
    https://awtk.zlg.cn

 

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

Docs\CHANGELOG.md