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下的示例运行效果截图

 

  获取Designer下载地址

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

• AWTK官网：

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

• AWTK云平台：

  https://awtk.zlg.cn

 

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

Docs\CHANGELOG.md