【emWin实战教程V2.0】第7章 uCGUIBuilder4.1的使用方法

开发板

转最新教程
本章节主要带领大家学习μCGUIBuilder4.1的使用，很好的利用这个软件，能使得STemWin界面设计事半功倍。与上个章节讲解的GUIBuilder5.28相比，这两个软件各有优缺点，使用时要充分的发挥两者的长处，比如使用μCGUIBuilder4.1的优点就是支持控件的对齐功能，这个功能非常重要，而官方推出的GUIBuilder5.28的优点就是支持的控件非常全，基本涵盖所有控件，但是不支持控件对齐功能。
注意：对于初学者来说，此软件选择性掌握，因为2012年之后就没有再更新过。如果没有兴趣可以不学，将官方的GUIBuilder用熟练即可。
  7.1 初学者重要提示
7.2  uCGUIBuilder4.1的使用步骤
7.3  emWin5.32模拟器上运行uCGUIBuilder4.1生成的代码
7.4  移植uCGUIBuilder4.1生成的代码到开发板
7.5  实验例程说明（RTOS）
7.6  实验例程说明（裸机）
7.7       总结

lee_st · 2017-1-2 07:52:54

稍后分享，，，，，，，

idianze · 2017-1-2 11:33:59

然后再展开Application文件分组：

王栋春 · 2017-1-2 20:03:30

简单学习了解一下

lee_st · 2017-1-3 00:08:30

7.6  实验例程说明（裸机）

配套例子：
V6-505_STemWin实验_uCGUIBuilder的使用（裸机）
实验目的：
1.    学习uCGUIBuilder的使用。
2.    emWin功能的实现在MainTask.c文件里面。
STemWin界面显示效果：
800*480分辨率界面效果，小分辨率显示屏仅可以显示一部分。

lee_st · 2017-1-3 00:08:45

STemWin动态内存配置：
GUIConf.c文件中的配置如下：
复制代码
#define EX_SRAM 1/*1 used extern sram, 0 used internal sram */
#if EX_SRAM
#define GUI_NUMBYTES (1024*1024*8)
#else
#define GUI_NUMBYTES (100*1024)
#endif

通过宏定义来配置使用内部SRAM还是外部的SDRAM做为emWin的动态内存，当配置：
#define EX_SRAM 1 表示使用外部SDRAM作为emWin动态内存，大小8MB。
#define EX_SRAM 0 表示使用内部SRAM作为emWin动态内存，大小100KB。
默认情况下，本教程配套的所有emWin例子都是用外部SDRAM作为emWin动态内存。

lee_st · 2017-1-3 00:09:03

STemWin底层接口配置：
LCDConf_Lin_Template.c文件中共12项emWin配置：
复制代码
/*
**********************************************************************************************************
                                       用户可以配置的选项
**********************************************************************************************************
*/
/* 0. 在官方代码的基础上再做优化，官方的部分函数效率低，耗内存, 0表示优化 */
#define emWin_Optimize 0
/*
  1. 显示屏的物理分辨率，驱动已经做了显示屏自适应，支持4.3寸，5寸和7寸屏
   这里填写自适应显示屏中的最大分辨率。
*/
#define XSIZE_PHYS    800
#define YSIZE_PHYS    480
/* 2. 多缓冲 / 虚拟屏，多缓冲和虚拟屏不可同时使用，emWin不支持 */
#define NUM_BUFFERS    3 /* 定义多缓冲个数，仅可以设置1,2和3，也就是最大支持三缓冲 */
#define NUM_VSCREENS    1 /* 定义虚拟屏个数 */
/* 3. 没有图层激活时，背景色设置, 暂时未用到 */
#define BK_COLOR       GUI_DARKBLUE
/*
4. 重定义图层数，对于STM32F429/439，用户可以选择一个图层或者两个图层，不支持三图层
   (1). 设置GUI_NUM_LAYERS = 1时，即仅使用图层1时，默认触摸值是发送给图层1的。
   (2). 设置GUI_NUM_LAYERS = 2时，即图层1和图层2都已经使能，此时图层2是顶层，
         用户需要根据自己的使用情况设置如下两个地方。
         a. 在bsp_touch.c文件中的函数TOUCH_InitHard里面设置参数State.Layer = 1，1就表示
            给图层2发送触摸值。
         b. 调用GUI_Init函数后，调用函数GUI_SelectLayer(1), 设置当前操作的是图层2。
*/
#undef  GUI_NUM_LAYERS
#define GUI_NUM_LAYERS 1
/*
5. 设置图层1和图层2对应的显存地址
   (1) EXT_SDRAM_ADDR 是SDRAM的首地址。
   (2) LCD_LAYER0_FRAME_BUFFER 是图层1的显存地址。
   (3) LCD_LAYER1_FRAME_BUFFER 是图层2的显存地址。
   (4) 每个图层的显存大小比较考究，这里进行下简单的说明。
         如果用户选择的颜色模式 = 32位色ARGB8888，显存的大小：
         XSIZE_PHYS * YSIZE_PHYS * 4 * NUM_VSCREENS * NUM_BUFFERS

         颜色模式 = 24位色RGB888，显存的大小：
         XSIZE_PHYS * YSIZE_PHYS * 3 * NUM_VSCREENS * NUM_BUFFERS

         颜色模式 = 16位色RGB566，ARGB1555, ARGB4444，AL88，那么显存的大小就是：
         XSIZE_PHYS * YSIZE_PHYS * 2 * NUM_VSCREENS * NUM_BUFFERS
         颜色模式 = 8位色L8，AL44，那么显存的大小就是：
         XSIZE_PHYS * YSIZE_PHYS * 1 * NUM_VSCREENS * NUM_BUFFERS

   这里为了方便起见，将开发板配套的16MB的SDRAM前8MB分配给LCD显存使用，后8MB用于emWin动态内存。
   对于24位色，16位色，8位色，用户可以对其使能三缓冲，并且使能双图层。但是32位色也使能三缓冲和双
   图层的话会超出8MB，所以用户根据自己的情况做显存和emWin动态内存的分配调整。
      举一个例子，对于800*480分辨率的显示屏，使能32位色，三缓冲，那么最终一个图层需要的大小就是
   800 * 480 * 4 * 3  = 4.394MB的空间，如果是双图层，已经超出8MB的分配范围。

   (5)为了方便起见，图层2的宏定义LCD_LAYER1_FRAME_BUFFER中的参数4是按照32位色设置的，如果用户的图层1
      使用的是8位色，这里填数字1,如果是16位色，这里填2，如果是24位色，这里填3。
*/
#define LCD_LAYER0_FRAME_BUFFER  EXT_SDRAM_ADDR
#define LCD_LAYER1_FRAME_BUFFER  (LCD_LAYER0_FRAME_BUFFER + XSIZE_PHYS * YSIZE_PHYS * 4 * NUM_VSCREENS *
NUM_BUFFERS)
/*
6. STM32F429/439支持的颜色模式，所有模式都支持，用户可任意配置。
   特别注意如下两个问题：
   (1) 如果用户选择了ARGB8888或者RGB888模式，LCD闪烁比较厉害的话，
         请降低LTDC的时钟大小，在文件bsp_tft_429.c的函数LCD_ConfigLTDC里面设置。
         a. 一般800*480分辨率的显示屏，ARGB8888或者RGB888模式LTDC时钟选择10-20MHz即可。
         b. 480*272分辨率的可以高些，取20MHz左右即可。
   (2) 16位色或者8位色模式，LTDC的时钟频率一般可以比24位色或者32位色的高一倍。
*/
#define _CM_ARGB8888    1
#define _CM_RGB888       2
#define _CM_RGB565       3
#define _CM_ARGB1555    4
#define _CM_ARGB4444    5
#define _CM_L8          6
#define _CM_AL44       7
#define _CM_AL88       8
/* 7. 配置图层1的颜色模式和分辨率大小 */
#define COLOR_MODE_0    _CM_RGB565
#define XSIZE_0          XSIZE_PHYS
#define YSIZE_0          YSIZE_PHYS
/* 8. 配置图层2的的颜色模式和分辨率大小 */
#define COLOR_MODE_1    _CM_RGB565
#define XSIZE_1          XSIZE_PHYS
#define YSIZE_1          YSIZE_PHYS
/* 9. 单图层情况下，根据用户选择的颜色模式可自动选择图层1的emWin的驱动和颜色模式 */
#if (COLOR_MODE_0 == _CM_ARGB8888)
  #define COLOR_CONVERSION_0 GUICC_M8888I
  #define DISPLAY_DRIVER_0 GUIDRV_LIN_32
#elif (COLOR_MODE_0 == _CM_RGB888)
  #define COLOR_CONVERSION_0 GUICC_M888
  #define DISPLAY_DRIVER_0 GUIDRV_LIN_24
#elif (COLOR_MODE_0 == _CM_RGB565)
  #define COLOR_CONVERSION_0 GUICC_M565
  #define DISPLAY_DRIVER_0 GUIDRV_LIN_16
#elif (COLOR_MODE_0 == _CM_ARGB1555)
  #define COLOR_CONVERSION_0 GUICC_M1555I
  #define DISPLAY_DRIVER_0 GUIDRV_LIN_16
#elif (COLOR_MODE_0 == _CM_ARGB4444)
  #define COLOR_CONVERSION_0 GUICC_M4444I
  #define DISPLAY_DRIVER_0 GUIDRV_LIN_16
#elif (COLOR_MODE_0 == _CM_L8)
  #define COLOR_CONVERSION_0 GUICC_8666
  #define DISPLAY_DRIVER_0 GUIDRV_LIN_8
#elif (COLOR_MODE_0 == _CM_AL44)
  #define COLOR_CONVERSION_0 GUICC_1616I
  #define DISPLAY_DRIVER_0 GUIDRV_LIN_8
#elif (COLOR_MODE_0 == _CM_AL88)
  #define COLOR_CONVERSION_0 GUICC_88666I
  #define DISPLAY_DRIVER_0 GUIDRV_LIN_16
#else
  #error Illegal color mode 0!
#endif
/* 10. 双图层情况下，根据用户选择的颜色模式可自动选择图层2的emWin的驱动和颜色模式 */
#if (GUI_NUM_LAYERS > 1)
#if (COLOR_MODE_1 == _CM_ARGB8888)
  #define COLOR_CONVERSION_1 GUICC_M8888I
  #define DISPLAY_DRIVER_1 GUIDRV_LIN_32
#elif (COLOR_MODE_1 == _CM_RGB888)
  #define COLOR_CONVERSION_1 GUICC_M888
  #define DISPLAY_DRIVER_1 GUIDRV_LIN_24
#elif (COLOR_MODE_1 == _CM_RGB565)
  #define COLOR_CONVERSION_1 GUICC_M565
  #define DISPLAY_DRIVER_1 GUIDRV_LIN_16
#elif (COLOR_MODE_1 == _CM_ARGB1555)
  #define COLOR_CONVERSION_1 GUICC_M1555I
  #define DISPLAY_DRIVER_1 GUIDRV_LIN_16
#elif (COLOR_MODE_1 == _CM_ARGB4444)
  #define COLOR_CONVERSION_1 GUICC_M4444I
  #define DISPLAY_DRIVER_1 GUIDRV_LIN_16
#elif (COLOR_MODE_1 == _CM_L8)
  #define COLOR_CONVERSION_1 GUICC_8666
  #define DISPLAY_DRIVER_1 GUIDRV_LIN_8
#elif (COLOR_MODE_1 == _CM_AL44)
  #define COLOR_CONVERSION_1 GUICC_1616I
  #define DISPLAY_DRIVER_1 GUIDRV_LIN_8
#elif (COLOR_MODE_1 == _CM_AL88)
  #define COLOR_CONVERSION_1 GUICC_88666I
  #define DISPLAY_DRIVER_1 GUIDRV_LIN_16
#else
  #error Illegal color mode 1!
#endif
#else
#undef XSIZE_0
#undef YSIZE_0
#define XSIZE_0    XSIZE_PHYS
#define YSIZE_0    YSIZE_PHYS
#endif
/*11. 配置选项检测，防止配置错误或者某些选项没有配置 */
#ifndef XSIZE_PHYS
  #error Physical X size of display is not defined!
#endif
#ifndef YSIZE_PHYS
  #error Physical Y size of display is not defined!
#endif
#ifndef NUM_VSCREENS
  #define NUM_VSCREENS 1
#else
  #if (NUM_VSCREENS <= 0)
#error At least one screeen needs to be defined!
  #endif
#endif
#if (NUM_VSCREENS > 1) && (NUM_BUFFERS > 1)
  #error Virtual screens and multiple buffers are not allowed!
#endif

lee_st · 2017-1-3 00:09:33

对于这12个配置选项，注释说明已经比较详细。默认情况下，本教程配套的emWin例子都是用的三缓冲，RGB565格式，且仅使用单图层。
程序设计：
栈大小分配：
系统栈大小在startup_stm32f429_439xx.s文件中配置：

栈大小的单位是字节，那么这里配置的系统栈大小就是8192字节。

lee_st · 2017-1-3 00:09:48

主函数初始化：
复制代码
/*
*********************************************************************************************************
* 函数名: main
* 功能说明: 标准c程序入口。
* 形参: 无
* 返回值: 无
*********************************************************************************************************
*/
int main (void)
{
   /* 初始化外设 */
   bsp_Init();
   /* 进入emWin主函数 */
   MainTask();
}

lee_st · 2017-1-3 00:10:18

emWin功能的具体实现（在MainTask.c文件里面）：
复制代码
#include "MainTask.h"
/*
*********************************************************************************************************
*                         GUI_WIDGET_CREATE_INFO类型数组
*********************************************************************************************************
*/
static const GUI_WIDGET_CREATE_INFO _aDialogCreate[] = {
{ FRAMEWIN_CreateIndirect,  "armfly",          0,          0,  0,  800,480,FRAMEWIN_CF_MOVEABLE,0},
{ BUTTON_CreateIndirect, "BUTTON0",          GUI_ID_BUTTON0,       29, 20, 222,40, 0,0},
{ DROPDOWN_CreateIndirect, NULL,             GUI_ID_DROPDOWN0,       29, 83, 222,80, 0,0},
{ SLIDER_CreateIndirect,    NULL,             GUI_ID_SLIDER0,       29, 143,218,34, 0,0}
};
/*
*********************************************************************************************************
* 函数名: PaintDialog
* 功能说明: 对话框回调函数的WM_PAINT消息处理
* 形参: pMsg  回调参数
* 返回值: 无
*********************************************************************************************************
*/
void PaintDialog(WM_MESSAGE * pMsg)
{
   //WM_HWIN hWin = pMsg->hWin;
}
/*
*********************************************************************************************************
* 函数名: InitDialog
* 功能说明: 对话框回调函数的WM_INIT_DIALOG消息处理
* 形参: pMsg  回调参数
* 返回值: 无
*********************************************************************************************************
*/
void InitDialog(WM_MESSAGE * pMsg)
{
WM_HWIN hWin = pMsg->hWin;

//
//FRAMEWIN
//
FRAMEWIN_SetFont(hWin,&GUI_Font32B_ASCII);
FRAMEWIN_AddCloseButton(hWin, FRAMEWIN_BUTTON_RIGHT, 0);
FRAMEWIN_AddMaxButton(hWin, FRAMEWIN_BUTTON_RIGHT, 1);
FRAMEWIN_AddMinButton(hWin, FRAMEWIN_BUTTON_RIGHT, 2);
FRAMEWIN_SetTitleHeight(hWin,32);

//
//GUI_ID_DROPDOWN0
//
DROPDOWN_SetTextHeight(WM_GetDialogItem(hWin,GUI_ID_DROPDOWN0),26);
DROPDOWN_SetAutoScroll(WM_GetDialogItem(hWin,GUI_ID_DROPDOWN0),1);
}
/*
*********************************************************************************************************
* 函数名: _cbCallback
* 功能说明: 对话框回调函数
* 形参: pMsg  回调参数
* 返回值: 无
*********************************************************************************************************
*/
static void _cbCallback(WM_MESSAGE * pMsg)
{
int NCode, Id;
WM_HWIN hWin = pMsg->hWin;

switch (pMsg->MsgId)
{
      case WM_PAINT:
         PaintDialog(pMsg);
         break;

      case WM_INIT_DIALOG:
         InitDialog(pMsg);
         break;

      case WM_KEY:
         switch (((WM_KEY_INFO*)(pMsg->Data.p))->Key)
         {
            case GUI_KEY_ESCAPE:
                  GUI_EndDialog(hWin, 1);
                  break;
            case GUI_KEY_ENTER:
                  GUI_EndDialog(hWin, 0);
                  break;
         }
         break;

      case WM_NOTIFY_PARENT:
         Id = WM_GetId(pMsg->hWinSrc);
         NCode = pMsg->Data.v;
         switch (Id)
         {
            case GUI_ID_OK:
                  if(NCode==WM_NOTIFICATION_RELEASED)
                     GUI_EndDialog(hWin, 0);
                  break;
            case GUI_ID_CANCEL:
                  if(NCode==WM_NOTIFICATION_RELEASED)
                     GUI_EndDialog(hWin, 0);
                  break;
         }
         break;

      default:
         WM_DefaultProc(pMsg);
}
}
/*
*********************************************************************************************************
* 函数名: MainTask
* 功能说明: GUI主函数
* 形参: 无
* 返回值: 无
*********************************************************************************************************
*/
void MainTask(void)
{

   /* 初始化 */
   GUI_Init();

   /*
   关于多缓冲和窗口内存设备的设置说明
      1. 使能多缓冲是调用的如下函数，用户要在LCDConf_Lin_Template.c文件中配置了多缓冲，调用此函数才有效：
         WM_MULTIBUF_Enable(1);
      2. 窗口使能使用内存设备是调用函数：WM_SetCreateFlags(WM_CF_MEMDEV);
      3. 如果emWin的配置多缓冲和窗口内存设备都支持，二选一即可，且务必优先选择使用多缓冲，实际使用
         STM32F429BIT6 + 32位SDRAM + RGB565/RGB888平台测试，多缓冲可以有效的降低窗口移动或者滑动时的撕裂
         感，并有效的提高流畅性，通过使能窗口使用内存设备是做不到的。
      4. 所有emWin例子默认是开启三缓冲。
   */
   WM_MULTIBUF_Enable(1);

   /* 设置桌面窗口的背景色是白色，并且支持重绘 */
   WM_SetDesktopColor(GUI_WHITE);

   /*
   触摸校准函数默认是注释掉的，电阻屏需要校准，电容屏无需校准。如果用户需要校准电阻屏的话，执行
      此函数即可，会将触摸校准参数保存到EEPROM里面，以后系统上电会自动从EEPROM里面加载。
   */
//TOUCH_Calibration();

   /* 创建对话框 */
   GUI_CreateDialogBox(_aDialogCreate, GUI_COUNTOF(_aDialogCreate), &_cbCallback, 0, 0, 0);

   while(1)
   {
      GUI_Delay(10);
   }
}

lee_st · 2017-1-3 00:10:31

7.7 总结

本章节为大家讲解了uCGUIBuilder的使用方法，以及将其移植到开发板和模拟器上的方法，对于初学者来说，此软件不是必须要掌握的，没有兴趣的话，可以不用学，只将官方的GUIBuilder掌握熟练即可。

lee_st · 2017-1-3 00:10:45

分享完成，，，，，，，，，，，

lee_st · 2017-1-3 00:14:11

王栋春发表于 2017-1-2 20:03
简单学习了解一下

恩，后续还有很多的哦

王栋春 · 2017-1-3 19:36:16

lee_st 发表于 2017-1-3 00:14
恩，后续还有很多的哦

期待当中

lee_st · 2017-1-4 00:04:22

王栋春发表于 2017-1-3 19:36
期待当中

肯定的哦，呵呵呵，今天继续

王栋春 · 2017-1-4 19:44:37

lee_st 发表于 2017-1-4 00:04
肯定的哦，呵呵呵，今天继续

不知你是否有些具体工程的资料分享

lee_st · 2017-1-5 13:46:04

王栋春发表于 2017-1-4 19:44
不知你是否有些具体工程的资料分享

会有的，源代码，我还没整理

王栋春 · 2017-1-5 19:53:32

lee_st 发表于 2017-1-5 13:46
会有的，源代码，我还没整理

有的时候通知我一下

lee_st · 2017-1-6 09:20:17

王栋春发表于 2017-1-5 19:53
有的时候通知我一下

嗯，年后，我不出差了，好好整理

王栋春 · 2017-1-6 20:21:57

lee_st 发表于 2017-1-6 09:20
嗯，年后，我不出差了，好好整理

好的到时通知我一声，不知你都那些方面的先说一下我也好有针对性的挑选一下以便请教

lee_st · 2017-1-6 22:21:09

王栋春发表于 2017-1-6 20:21
好的到时通知我一声，不知你都那些方面的先说一下我也好有针对性的挑选一下以便请教

互相学习吧，我也不比你强多少

搜索历史

【emWin实战教程V2.0】第7章 uCGUIBuilder4.1的使用方法

相关推荐

56 条评论

评论

精选推荐

热门帖

浏览过的版块

站长推荐 /9