【第3版emWin教程】第50章 emWin6.x的AppWizard使用控件经典回调方式 第50章       emWin6.x的AppWizard使用控件经典回调方式

教程不断更新中:http://www.armbbs.cn/forum.php?mod=viewthread&tid=98429

本期教程为大家讲解emWin6.x的GUI开发工具AppWizard使用控件经典回调方式。这样我们就可以emWin的经典回调玩法和AppWizard很好的结合到一起。

50.1 初学者重要提示

50.2 AppWizard创建控件回调函数

50.3 AppWizard生成的VS工程使用VS2019运行方法

50.4 AppWizard创建的界面添加到工程

50.5 实验例程说明(RTOS)

50.6 实验例程说明(裸机)

50.7 总结

50.1 初学者重要提示

  1.   本章节主要为大家讲解如何像使用emWin经典回调方式一样玩AppWizard的消息处理。
  2.   使用的AppWizard版本一定要和emWin版本匹配,本章配套例子使用的emWin版本是V6.16。对应的AppWizard版本是V1.20,下载地址:http://www.armbbs.cn/forum.php?mod=viewthread&tid=105049
  3.   AppWizard工程路径不支持中文,使用时特别注意。
  4.   AppWizard生成的emWin6.x工程可以方便的融合之前的低版本emWin工程代码,在回调函数里面可以方便的添加之前基于窗口或者对话框创建的界面。

50.2 AppWizard创建界面

下面使用AppWizard创建界面,先让大家有个整体认识,方便后面章节的展开。注意,使用经典emWin回调消息处理,不需要使用AppWizard创建回调。

50.2.1        下载安装AppWizard

下载地址:http://www.armbbs.cn/forum.php?mod=viewthread&tid=105049 。安装后效果如下:

 【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

50.2.2        创建AppWizard工程

选择Create new project:

 【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

下面要需要设置配置项,主要是Color format颜色格式别配置错了,要跟开发板emWin工程的颜色格式一致,我们这里设置为16位色,M565。

 【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

创建后效果如下:

 【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

50.2.3 添加控件

依次点击左上角的控件对象:Screen和Box:

 【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

设置背景色:

 【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

添加两个按钮控件和一个二维码:

 【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

50.2.4 设置默认的位图格式

点击菜单Edit -> Preferences:

【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

 

由于我们前面设置的M565颜色格式,这里设置GUICC_M565选项即可:

【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

 

这个设置很重要,否则很容易造成AppWizard生成的工程代码移植到板子上硬件异常。

50.2.5 运行AppWizard

点击下面这个小按钮可以运行设计的界面:

【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

 

50.2.6 导出AppWizard代码

点击菜单File -> Export & Save即可导出:

【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

 

导出文件在创建时设置的路径中。

50.3 AppWizard生成的VS工程使用VS2019运行方法

导出的VS工程文件位于如下路径:

【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

 

运行后效果如下:

【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

 

50.4 AppWizard创建的界面添加到工程

AppWizard生成界面代码后,将其添加到工程中。这个过程有几个注意事项,在下面步骤中会为大家说明。

50.4.1        添加一批xxxx_Private.h文件到工程

开发板的工程文件里面没有这些文件,需要大家从AppWizard工程路径:SimulationGUI_Lib 里面复制到开发板工程路径emWinInclude里面,下面是部分截图,详情看本章节配套的例子即可:

【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

 

50.4.2        添加AppWizard界面文件到工程

方便起见,将AppWizard所有文件复制到开发板工程里面:

 【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

添加到工程的效果如下:

 【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

50.4.3        添加工程路径

仅添加一个路径选项即可:

【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

 

50.4.4        修改程序

主要修改两个地方:

  •  bsp.c文件将LCD背光点亮。
void bsp_Init(void)
{
    /* 省略未写 */
    
    /* 延迟200ms再点亮背光,避免瞬间高亮 */
    bsp_DelayMS(200); 
    LCD_SetBackLight(255);
}
  •  APPWConf.c文件

使能三缓冲,关闭文件系统。

/*********************************************************************
*
*       Multibuffering
*/
static U8 _MultibufEnable = 1;

/*********************************************************************
*
*       Static code
*
**********************************************************************
*/
/*********************************************************************
*
*       _InitText
*/
static void _InitText(void) {
  //
  // Empty, because application does not contain any text
  //
}

/*********************************************************************
*
*       Public code
*
**********************************************************************
*/
/*********************************************************************
*
*       APPW_X_Setup
*/
void APPW_X_Setup(void) {
  APPW_SetpfInitText(_InitText);
 //APPW_X_FS_Init();
  APPW_MULTIBUF_Enable(_MultibufEnable);
  APPW_SetData(_apRootList, _NumScreens, _aVarList, _NumVars);
}

50.4.5        添加按钮回调函数消息

修改文件ID_SCREEN_00_Slots.c,使用emWin的经典回调方式,我们这里做了简单的LED闪烁和串口打印:

#include "Application.h"
#include "../Generated/Resource.h"
#include "../Generated/ID_SCREEN_00.h"
#include "bsp.h"

/*** Begin of user code area ***/
/*** End of user code area ***/

/*********************************************************************
*
*       Public code
*
**********************************************************************
*/
/*********************************************************************
*
*       cbID_SCREEN_00
*/
void cbID_SCREEN_00(WM_MESSAGE * pMsg) {
    int NCode, Id;

    switch (pMsg->MsgId)
    {

        case WM_NOTIFY_PARENT:
            Id = WM_GetId(pMsg->hWinSrc);
            NCode = pMsg->Data.v;        
            switch (Id)
            {
                case ID_BUTTON_00: 
                    switch(NCode) 
                    {
                        case WM_NOTIFICATION_CLICKED:
                            bsp_LedToggle(1);
                            printf("按钮ID_BUTTON_00按下
");
                            break;
                        
                        case WM_NOTIFICATION_RELEASED:
                            break;

                    }
                    break;
                    
                case ID_BUTTON_01: 
                    switch(NCode) 
                    {
                        case WM_NOTIFICATION_CLICKED:
                            bsp_LedToggle(1);
                            printf("按钮ID_BUTTON_01按下
");
                            break;
                        
                        case WM_NOTIFICATION_RELEASED:
                            break;

                    }
                    break;
               
            }
            break;       
    }
}

通过前面这几步就完成了AppWizard的回调消息处理。

50.5 实验例程说明(RTOS)

配套例子:

V7-563_emWin6.x实验_AppWizard使用emWin经典回调(RTOS)

实验目的:

  1. 学习AppWizard控件回调消息。
  2. 点击第1个按钮可以实现LED1反转和串口打印。
  3. 点击第2个按钮也可以实现LED1反转和串口打印。

实验内容:

1、K1按键按下,串口或者RTT打印任务执行情况(串口波特率115200,数据位8,奇偶校验位无,停止位1)。

2、(1) 凡是用到printf函数的全部通过函数App_Printf实现。

(2) App_Printf函数做了信号量的互斥操作,解决资源共享问题。

3、默认上电是通过串口打印信息,如果使用RTT打印信息:

MDK AC5,MDK AC6或IAR通过使能bsp.h文件中的宏定义为1即可

#define Enable_RTTViewer  1

4、各个任务实现的功能如下:

App Task Start   任务 :启动任务,这里用作BSP驱动包处理。

App Task MspPro任务 :消息处理,这里用作LED闪烁。

App Task UserIF  任务 :按键消息处理。

App Task COM   任务 :暂未使用。

App Task GUI    任务 :GUI任务。

μCOS-III任务调试信息(按K1按键,串口打印):

【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

 

RTT 打印信息方式:

【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

 

程序设计:

任务栈大小分配:

μCOS-III任务栈大小在app_cfg.h文件中配置:

#define  APP_CFG_TASK_START_STK_SIZE                      512u

#define  APP_CFG_TASK_MsgPro_STK_SIZE                     2048u

#define  APP_CFG_TASK_COM_STK_SIZE                        512u

#define  APP_CFG_TASK_USER_IF_STK_SIZE                    512u

#define  APP_CFG_TASK_GUI_STK_SIZE                        2048u

任务栈大小的单位是4字节,那么每个任务的栈大小如下:

App Task Start   任务 :2048字节。

App Task MspPro任务 :8192字节。

App Task UserIF  任务 :2048字节。

App Task COM   任务 :2048字节。

App Task GUI    任务 :8192字节。

系统栈大小分配:

μCOS-III的系统栈大小在os_cfg_app.h文件中配置:

#define  OS_CFG_ISR_STK_SIZE                      512u     

系统栈大小的单位是4字节,那么这里就是配置系统栈大小为2KB

emWin动态内存配置:

GUIConf.c文件中的配置如下:

#define EX_SRAM   1/*1 used extern sram, 0 used internal sram */

#if EX_SRAM
#define GUI_NUMBYTES  (1024*1024*24)
#else
#define GUI_NUMBYTES  (100*1024)
#endif

通过宏定义来配置使用内部SRAM还是外部的SDRAM做为emWin的动态内存,当配置:

#define  EX_SRAM     1 表示使用外部SDRAM作为emWin动态内存,大小24MB。

#define  EX_SRAM     0 表示使用内部SRAM作为emWin动态内存,大小100KB。

默认情况下,本教程配套的所有emWin例子都是用外部SDRAM作为emWin动态内存。

emWin界面显示效果:

800*480分辨率界面效果。

 【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

50.6 实验例程说明(裸机)

配套例子:

V7-562_emWin6.x实验_AppWizard使用emWin经典回调(裸机)

实验目的:

  1. 学习AppWizard控件回调消息。
  2. 点击第1个按钮可以实现LED1反转和串口打印。
  3. 点击第2个按钮也可以实现LED1反转和串口打印。

emWin界面显示效果:

800*480分辨率界面效果。

【第3版emWin教程】第50章       emWin6.x的AppWizard使用控件经典回调方式
第50章       emWin6.x的AppWizard使用控件经典回调方式

 

 

emWin动态内存配置:

GUIConf.c文件中的配置如下:

#define EX_SRAM   1/*1 used extern sram, 0 used internal sram */

#if EX_SRAM
#define GUI_NUMBYTES  (1024*1024*24)
#else
#define GUI_NUMBYTES  (100*1024)
#endif

通过宏定义来配置使用内部SRAM还是外部的SDRAM做为emWin的动态内存,当配置:

#define  EX_SRAM     1 表示使用外部SDRAM作为emWin动态内存,大小24MB。

#define  EX_SRAM     0 表示使用内部SRAM作为emWin动态内存,大小100KB。

默认情况下,本教程配套的所有emWin例子都是用外部SDRAM作为emWin动态内存。

50.7 总结

本章节主要是为大家讲解了AppWizard控件经典emWin回调消息处理,后续章节将深入为大家说明。