项目组成结构

一个典型的项目经过编译后，类似如下文件结构。

resources 文件夹

项目中需要用到的所有图片都必须放到该文件夹下。
可以在电脑其他位置复制图片，然后选中resources文件夹，按 CTRL + V 粘贴完成导入。
如果图片已经放到该文件夹下，但是软件没有显示，可以尝试选中项目，按F5 刷新。

ui 文件夹

新建的每一个页面UI文件，都必须放到ui文件夹下。
默认生成main.form。
每一个UI文件表示一个页面。 当有多个UI文件时，可以选中指定的文件，在右键菜单中，
选择设置启动页调整程序启动后的第一个页面。
可以双击打开UI文件 ，并对它进行编辑，在属性栏调整属性，快速预览效果。

src 文件夹

基于项目的最新配置生成通用的源码。
每一次编译、模拟器运行、下载到MCU都将触发生成源码的操作。

ui_res_image.h

该头文件包含了resources文件夹里每张图片的宏定义标识。
程序里，使用宏定义的值表示该图片。
该头文件仅用于查看，不要编辑它。
宏的名称与图片的文件名相同。
例如resources文件夹下有 a.png、b.png、c.png、d.png 四张图片，经过编译后，生成的头文件内容如下。

   /****************************************************************************
   ** 图片资源
   **
   ** 每次编译项目将自动创建该文件
   **
   ** 请勿手动修改文件内容
   *****************************************************************************/

   #ifndef _UI_RES_IMAGE_H_
   #define _UI_RES_IMAGE_H_

   #define UI_RES_IMAGE_A                              0
   #define UI_RES_IMAGE_B                              1
   #define UI_RES_IMAGE_C                              2
   #define UI_RES_IMAGE_D                              3

   #endif /*_UI_RES_IMAGE_H_*/

ui_page.h

该头文件包含了所有UI页面文件的宏定义标识。
该头文件仅用于查看，不要编辑它。
宏的名称与UI文件名称相同。
例如 ui 文件夹下有一个main.form，编译后，生成的头文件内容如下。

  /****************************************************************************
  ** 页面
  **
  ** 每次编译项目将自动创建该文件
  **
  ** 请勿手动修改文件内容
  *****************************************************************************/

  #ifndef _UI_PAGE_H_
  #define _UI_PAGE_H_

  #define UI_PAGE_MAIN                 0

  #endif /*_UI_PAGE_H_*/

ui_context.c

这是UI框架回调接口的实现文件，包含了所有回调函数的实现，有兴趣可以查看，但不要修改它。

logic

每一个UI文件都会在logic文件夹下生成同名的头文件及.c源文件。 默认实现了所有的回调函数，包括定时器、按键点击动作、进度条的改变事件等。
可以在对应的函数体内，添加自己的逻辑代码，实现各种操作。