# 1. 简介

AWTK Designer(下面简称Designer)是专门用来制作AWTK应用程序UI界面的实用工具。只要通过拖拽和点击就可以完成复杂的界面设计,操作简单;可以随时预览效果,所见即所得,如下图所示。

图1.1 使用Designer设计界面
图1.1 使用Designer设计界面

主要特性:

  • 项目管理:以项目的形式管理UI文件、样式文件等文件,可以设置启动页面、默认国家语言、LCD、资源打包等;
  • 图形编辑:以拖拽的方式在窗体上添加控件,改变控件位置、大小、层次等,所见即所得;
  • 丰富的内置控件:内置丰富的可直接使用的控件,可以设置控件属性、样式等;
  • 动画编辑:可以设置丰富的窗体过渡动画、控件动画;
  • 多国语言翻译:可以快速检索需要翻译的文本、编辑翻译文本、预览翻译结果;
  • 多主题编辑:可以编辑不同LCD分辨率、不同样式的主题,可以切换主题预览显示效果;
  • 自定义控件导入:可以导入自定义控件,导入后可以像内置控件一样使用;
  • 预览:可以选择运行时的渲染环境,实时预览运行时的效果;
  • 打包:打包项目所有资源,转换为目标平台可以直接加载的资源;
  • 编译与模拟运行:可以在PC上简单编译整个项目,直接模拟运行;
  • 弱化的代码编辑: 可以对C代码文件进行简单的文本编辑。

基本使用流程:

如下图所示,进入项目后可以通过新建、编辑窗体来完成界面设计;编辑的过程中可以随时预览运行时的效果;之后通过打包资源、编译源代码、模拟运行,就可以启动应用程序。

图1.2 界面设计的基本流程
图1.2 界面设计的基本流程

默认情况下,模拟运行仅是显示启动页面;由于目前Designer仅支持简单的文本编辑,因此也可使用其他编辑器编写代码,再重新编译、运行。