【emWin实战教程V2.0】第46章 BUTTON-按钮控件显示位图和流位图

转最新版本教程

转最新版本教程
本章节为大家讲解按钮控件显示位图和流位图的方法，之所以做这章节是因为太多初学者问这方面的问题，所以专门做一下。
学习本章节前，务必保证已经学习了第12章和第13章。
46.1 初学者重要提示
46.2 按钮控件显示位图的方法
46.3 按钮控件显示流位图的方法
46.4 官方WIDGET_PhoneButton.c实例讲解
46.5 实验例程说明（RTOS）
46.6 实验例程说明（裸机）
46.7 总结

lee_st · 2017-2-28 16:47:16

46.1 初学者重要提示

1、按钮控件上面显示位图或者流位图，显示速度是最快的，因为与BMP，JPEG，PNG，GIF格式的图片不同，流位图和位图已经是原始的图片数据，不需要进行解码就可以立即进行显示。实战性还是很强的。
2、本章节所需的流位图文件pic1.dta已经存储到本章节配套例子的Doc文件夹下，使用此例子前，请务必将这个流位图文件存储到SD卡根目录中，并将SD卡插到开发板上面。
3、按钮控件的所有API函数在emWin手册中都有讲解，下图是中文版手册里面API函数位置：

lee_st · 2017-2-28 16:47:26

下图是英文版手册里面API函数的位置：

lee_st · 2017-2-28 16:47:38

46.2按钮控件显示位图的方法

C文件格式的位图生成方法已经在第12章详细进行了讲解，我们这里直接使用12.3.2小节生成的位图。下面我们通过一个实例给大家讲解如何在按钮控件上面显示位图，完整代码在例子V6-560_STemWin实验_Button按钮控件显示位图（模拟器）里面：

lee_st · 2017-2-28 16:47:47

#include "DIALOG.h"

/*
*********************************************************************************************************
*                                         图片位图数据
*********************************************************************************************************
*/
static GUI_CONST_STORAGE unsigned long _acpic1[] = {
  0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000,
        0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000,
        0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000, 0xFF000000,
        /* 后面的数据未列出 */
};

GUI_CONST_STORAGE GUI_BITMAP bmpic1 = {  //--------------（1）
  64, // xSize
  64, // ySize
  256, // BytesPerLine
  32, // BitsPerPixel
  (unsigned char *)_acpic1,  // Pointer to picture data
  NULL,  // Pointer to palette
  GUI_DRAW_BMP8888
}

/*
*********************************************************************************************************
*                                         宏定义
*********************************************************************************************************
*/
#define ID_FRAMEWIN_0 (GUI_ID_USER + 0x00)
#define ID_BUTTON_0   (GUI_ID_USER + 0x01)

/*
*********************************************************************************************************
*                           GUI_WIDGET_CREATE_INFO类型数组
*********************************************************************************************************
*/
static const GUI_WIDGET_CREATE_INFO _aDialogCreate[] =
{
  { FRAMEWIN_CreateIndirect, "Framewin", ID_FRAMEWIN_0, 0, 0, 800, 480, 0, 0x64, 0 },
  { BUTTON_CreateIndirect,   "",         ID_BUTTON_0, 30, 30, 100, 100, 0, 0x0, 0 },  //--------------（2）
};

/*
*********************************************************************************************************
*    函数名: _cbDialog
*    功能说明: 对话框回调函数
*    形    参: pMsg  回调参数
*    返回值: 无
*********************************************************************************************************
*/
static void _cbDialog(WM_MESSAGE * pMsg)
{
     WM_HWIN hItem;
     int     NCode;
     int     Id;

     switch (pMsg->MsgId)
     {
         case WM_INIT_DIALOG:
              //
              // 初始化框架窗口
              //
              hItem = pMsg->hWin;
              FRAMEWIN_SetFont(hItem, GUI_FONT_32B_ASCII);
              FRAMEWIN_SetTextAlign(hItem, GUI_TA_HCENTER | GUI_TA_VCENTER);
              FRAMEWIN_SetText(hItem, "armfly");

              //
              // 初始化按钮控件
              //
              hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_0); //--------------（3）
              BUTTON_SetFont(hItem, GUI_FONT_24B_ASCII); //--------------（4）
              BUTTON_SetBitmapEx(hItem, BUTTON_BI_UNPRESSED, &bmpic1, 18, 18); //--------------（5）
              break;

         case WM_NOTIFY_PARENT:
              Id    = WM_GetId(pMsg->hWinSrc);
              NCode = pMsg->Data.v;
              switch(Id)
              {
                   case ID_BUTTON_0:
                       switch(NCode)
                       {
                            case WM_NOTIFICATION_CLICKED:
                                 break;

                            case WM_NOTIFICATION_RELEASED:
                                 break;
                       }
                       break;
              }
              break;

         default:
         WM_DefaultProc(pMsg);
         break;
     }
}

/*
*********************************************************************************************************
*    函数名: CreateFramewin
*    功能说明: 创建对话框
*    形    参: 无
*    返回值: 返回对话框句柄
*********************************************************************************************************
*/
WM_HWIN CreateFramewin(void) {
  WM_HWIN hWin;

  hWin = GUI_CreateDialogBox(_aDialogCreate, GUI_COUNTOF(_aDialogCreate), _cbDialog, WM_HBKWIN, 0, 0);
  return hWin;
}

/*
*********************************************************************************************************
*    函数名: MainTask
*    功能说明: GUI主函数
*    形    参: 无
*    返回值: 无
*********************************************************************************************************
*/
void MainTask(void)
{
     /* 初始化 */
     GUI_Init();

     /* 窗口自动使用存储设备 */
     WM_SetCreateFlags(WM_CF_MEMDEV);

     /* 创建对话框，使用GUIBulder生成的对话框创建函数 */
     CreateFramewin();

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

lee_st · 2017-2-28 16:48:02

本例子实现的功能相对比较简单，主要实现了在对话框上面创建一个按钮控件，并在按钮控件上面显示一个位图。
1.    使用小软件BmpCvt生成的C文件格式位图数据，分辨率64*64，位图格式ARGB8888。
2.    在对话框的资源列表中创建一个按钮控件。
3.    通过函数WM_GetDialogItem获得对话框上ID为ID_BUTTON_0的按钮控件句柄。

lee_st · 2017-2-28 16:48:14

4. 通过函数BUTTON_SetFont设置按钮控件ID_BUTTON_0的字体。
5. 通过函数BUTTON_SetBitmapEx设置按钮控件未被按下时显示的位图。通过此函数的第二个参数可以设置按钮在按下（BUTTON_BI_PRESSED），未按下（BUTTON_BI_UNPRESSED）和禁止状态（BUTTON_BI_DISABLED）显示的位图。最后两个参数是用来设置位图在按钮中的显示位置，坐标位置是相对按钮的坐标位置。emWin手册中还有一个位图显示函数BUTTON_SetBitmap，比函数BUTTON_SetBitmapEx少了最后两个坐标位置的参数。

lee_st · 2017-2-28 16:48:27

实际显示效果如下，分辨率800*480：

lee_st · 2017-2-28 16:48:40

46.3  按钮控件显示流位图的方法

      实际项目中使用流位图还是非常有优势的，因为我们可以将流位图存储到任何外部存储器中，但在使用的时候建议将流位图加载到SDRAM或者SRAM中，这样将大大加速流位图的绘制，实际项目中也推荐大家这样做。
      流位图位图生成方法已经在第13章详细进行了讲解，这里不再赘述：
第1步：将第13章13.2.2小节生成的pic1.dta文件都复制到SD卡的根目录下，然后通过emWin的动态内存管理函数申请动态内存并将流位图文件加载进来, 这里我们用的是外部SDRAM做emWin的动态内存（已经在GUIConf.c文件进行设置），方法如下：

lee_st · 2017-2-28 16:48:48

/*
*********************************************************************************************************
*    函数名: _LoadStreamBitmap
*    功能说明: 加载流位图到emWin动态内存，如果不使用了，可以调用函数GUI_ALLOC_Free释放此流位图占用的
*             动态内存。
*    形    参: sFilename  要读取的文件名
*    返回值: 返回流位图占用的动态内存句柄，方便流位图的调用以及不使用时释放此动态内存。
*********************************************************************************************************
*/
static GUI_HMEM  _LoadStreamBitmap(const char *sFilename)
{
     GUI_HMEM hMem;
     char *_acBuffer;

     /* 打开文件 */
     result = f_open(&file, sFilename, FA_OPEN_EXISTING | FA_READ | FA_OPEN_ALWAYS);
     if (result != FR_OK)
     {
         return 0;
     }

     /* 申请一块内存空间并且将其清零 */
    hMem = GUI_ALLOC_AllocZero(file.fsize);

     /* 将申请到内存的句柄转换成指针类型 */
     _acBuffer = GUI_ALLOC_h2p(hMem);

     /* 读取文件到动态内存 */
     result = f_read(&file, _acBuffer, file.fsize, &bw);
     if (result != FR_OK)
     {
         return 0;
     }

      /* 关闭文件 */
      f_close(&file);

     return hMem;
}

lee_st · 2017-2-28 16:49:05

第2步：将加载到emWin动态内存的流位图显示到按钮控件。
      这里是将流位图转换成位图进行显示，因为直接调用函数BUTTON_SetStreamedBitmap无法显示，关于这个问题专门发了一个帖子：http://bbs.armfly.com/read.php?tid=22273 ，教程中就不做讨论了。
方法1：GUI_CreateBitmapFromStream(&Bitmap, &Palette, _acBuffer);
      BUTTON_SetBitmapEx(hItem, BUTTON_CI_UNPRESSED,&Bitmap, 10, 10);
方法2：GUI_CreateBitmapFromStream(&Bitmap, &Palette, _acBuffer);
      BUTTON_SetBitmap(hItem, BUTTON_CI_UNPRESSED,&Bitmap);
函数BUTTON_SetBitmapEx和函数BUTTON_SetBitmap是一样的，只是多了两个位图在按钮中显示位置的参数。
结合第1步的函数，在按钮中显示位图的代码如下：

lee_st · 2017-2-28 16:49:14

#include "MainTask.h"
#include "includes.h"

/*
*********************************************************************************************************
*                                         变量
*********************************************************************************************************
*/
GUI_HMEM hMemButtonStreamBitmap;
GUI_BITMAP Bitmap;

/*
*********************************************************************************************************
*                                         宏定义
*********************************************************************************************************
*/
#define ID_FRAMEWIN_0 (GUI_ID_USER + 0x00)
#define ID_BUTTON_0   (GUI_ID_USER + 0x01)

/*
*********************************************************************************************************
*                           GUI_WIDGET_CREATE_INFO类型数组
*********************************************************************************************************
*/
static const GUI_WIDGET_CREATE_INFO _aDialogCreate[] =
{
  { FRAMEWIN_CreateIndirect, "Framewin", ID_FRAMEWIN_0, 0, 0, 800, 480, 0, 0x64, 0 },
  { BUTTON_CreateIndirect, "", ID_BUTTON_0, 30, 30, 100, 100, 0, 0x0, 0 },  //--------------（1）
};

/*
*********************************************************************************************************
*    函数名: _cbDialog
*    功能说明: 对话框回调函数
*    形    参: pMsg  回调参数
*    返回值: 无
*********************************************************************************************************
*/
static void _cbDialog(WM_MESSAGE * pMsg)
{
     WM_HWIN hItem;
     int     NCode;
     int     Id;
     char *_acBuffer;
     GUI_LOGPALETTE Palette;

     switch (pMsg->MsgId)
     {
         case WM_INIT_DIALOG:

              //
              // 初始化框架窗口
              //
              hItem = pMsg->hWin;
              FRAMEWIN_SetFont(hItem, GUI_FONT_32B_ASCII);
              FRAMEWIN_SetTextAlign(hItem, GUI_TA_HCENTER | GUI_TA_VCENTER);
              FRAMEWIN_SetText(hItem, "armfly");

              //
              // 初始化按钮控件
              //
              hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_0);               //--------------（2）
              BUTTON_SetFont(hItem, GUI_FONT_24B_ASCII);                       //--------------（3）
              _acBuffer = GUI_ALLOC_h2p(hMemButtonStreamBitmap);               //--------------（4）
             GUI_CreateBitmapFromStream(&Bitmap, &Palette, _acBuffer);         //--------------（5）
              BUTTON_SetBitmapEx(hItem, BUTTON_CI_UNPRESSED, &Bitmap, 18, 18); //--------------（6）
              break;

         case WM_NOTIFY_PARENT:
              Id    = WM_GetId(pMsg->hWinSrc);
              NCode = pMsg->Data.v;
              switch(Id)
              {
                   case ID_BUTTON_0:
                       switch(NCode)
                       {
                            /* 点击此按钮后，LED2点亮 */
                            case WM_NOTIFICATION_CLICKED:
                                 bsp_LedOn(2);
                                 break;

                            /* 松手后，LED2熄灭 */
                            case WM_NOTIFICATION_RELEASED:
                                 bsp_LedOff(2);
                                 break;
                       }
                       break;

              }
              break;

         default:
              WM_DefaultProc(pMsg);
              break;
     }
}

/*
*********************************************************************************************************
*    函数名: CreateFramewin
*    功能说明: 创建对话框
*    形    参: 无
*    返回值: 返回对话框句柄
*********************************************************************************************************
*/
WM_HWIN CreateFramewin(void)
{
     WM_HWIN hWin;

     hWin = GUI_CreateDialogBox(_aDialogCreate, GUI_COUNTOF(_aDialogCreate), _cbDialog, WM_HBKWIN, 0, 0);

     return hWin;
}

/*
*********************************************************************************************************
*    函数名: _LoadStreamBitmap
*    功能说明: 加载流位图到emWin动态内存，如果不使用了，可以调用函数GUI_ALLOC_Free释放此流位图占用的
*             动态内存。
*    形    参: sFilename  要读取的文件名
*    返回值: 返回流位图占用的动态内存句柄，方便流位图的调用以及不使用时释放此动态内存。
*********************************************************************************************************
*/
static GUI_HMEM  _LoadStreamBitmap(const char *sFilename) //--------------（7）
{
     GUI_HMEM hMem;
     char *_acBuffer;

     /* 打开文件 */
     result = f_open(&file, sFilename, FA_OPEN_EXISTING | FA_READ | FA_OPEN_ALWAYS);
     if (result != FR_OK)
     {
         return 0;
     }

     /* 申请一块内存空间并且将其清零 */
    hMem = GUI_ALLOC_AllocZero(file.fsize);

     /* 将申请到内存的句柄转换成指针类型 */
     _acBuffer = GUI_ALLOC_h2p(hMem);

     /* 读取文件到动态内存 */
     result = f_read(&file, _acBuffer, file.fsize, &bw);
     if (result != FR_OK)
     {
         return 0;
     }

      /* 关闭文件 */
      f_close(&file);

     return hMem;
}

/*
*********************************************************************************************************
*    函数名: 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);

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

     /* 加载流位图到emWin动态内存 */
     hMemButtonStreamBitmap= _LoadStreamBitmap("pic1.dta");

     /* 创建对话框 */
     CreateFramewin();


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

lee_st · 2017-2-28 16:49:30

这里讲解的显示方法也是本章节配套例子使用的方法，这个例子的显示效果46.5小节里面有截图，下面把几个重要的地方跟大家解释下。
1.    在对话框的资源列表中创建一个按钮控件。
2.    通过函数WM_GetDialogItem获得对话框上ID为ID_BUTTON_0的按钮控件句柄。
3.    通过函数BUTTON_SetFont设置按钮控件ID_BUTTON_0的字体。
4.    通过函数GUI_ALLOC_h2p将内存设备的句柄转换成指针类型，方便后面函数的调用。

lee_st · 2017-2-28 16:49:39

5.    通过函数GUI_CreateBitmapFromStream将流位图转换成位图，使用这个函数特别注意要将变量GUI_BITMAP Bitmap设置成全局变量，因为这个变量要在按钮的操作过程一直调用，如果设置成局部变量的话，退出函数后此变量的内存空间就被释放了。
6.    通过函数BUTTON_SetBitmapEx设置按钮控件未被按下时显示的位图。通过此函数的第二个参数可以设置按钮在按下（BUTTON_BI_PRESSED），未按下（BUTTON_BI_UNPRESSED）和禁止状态（BUTTON_BI_DISABLED）显示的位图。最后两个参数是用来设置位图在按钮中的显示位置，坐标位置是相对按钮的坐标位置。emWin手册中还有一个位图显示函数BUTTON_SetBitmap，比函数BUTTON_SetBitmapEx少了最后两个坐标位置的参数。
7.    通过函数_LoadStreamBitmap将流位图从SD卡加载到emWin动态内存。使用这个函数要注意一点，如果按钮的流位图不需要使用了，可以通过函数GUI_ALLOC_Free释放流位图占用的动态内存，需要的时候再重新加载，并用函数GUI_CreateBitmapFromStream将流位图转换成位图供按钮控件使用。

lee_st · 2017-2-28 16:50:06

46.4 官方WIDGET_PhoneButton实例讲解

这个DEMO在模拟器中的位置：

lee_st · 2017-2-28 16:50:17

主要功能介绍：
这个例子主要是在按钮上面显示图片，演示一种简单的来电话情景，重点还是按钮位图显示函数BUTTON_SetBitmapEx的使用。
程序代码如下：

lee_st · 2017-2-28 16:50:25

#include "GUI.h"
#include "BUTTON.h"

/*********************************************************************
*
*       Defines
*
**********************************************************************
*/
//
// Recommended memory to run the sample with adequate performance
//
#define RECOMMENDED_MEMORY (1024L * 5)

/*******************************************************************
*
*       static variables
*
********************************************************************
*/
/*******************************************************************
*
*       Bitmap data, 3 phone logos
*/
static const GUI_COLOR Colors[] = { 0x000000, 0xFFFFFF };

static const GUI_LOGPALETTE Palette = { 2, 1, Colors };

static const unsigned char acPhone0[] = {
  ________, ________, ________, ________,
  ________, ________, ________, ________,
  ________, ________, ________, ________,
  ________, ________, ________, ________,
  ________, ________, ________, ________,
  ________, ________, ________, ________,
  ________, ________, ________, ________,
  ________, ________, ________, ________,
  ________, ________, ________, ________,
  ________, ________, ________, ________,
  ________, ________, ________, ________,
  _____XXX, XXXXXXXX, XXXXXXXX, XXX_____,
  ___XXXXX, XXXXXXXX, XXXXXXXX, XXXXX___,
  __XXXXXX, XXXXXXXX, XXXXXXXX, XXXXXX__,
  _XXXXXXX, X_______, _______X, XXXXXXX_,
  _XXXXXXX, X__XX___, ___XX__X, XXXXXXX_,
  _XXXXXXX, X__XX___, ___XX__X, XXXXXXX_,
  _XXXXXXX, X__XX___, ___XX__X, XXXXXXX_,
  ________, ___XX___, ___XX___, ________,
  _______X, XXXXXXXX, XXXXXXXX, X_______,
  ______XX, XXXXXXXX, XXXXXXXX, XX______,
  _____XXX, XXXX__X_, _X__XXXX, XXX_____,
  ____XXXX, XXXX__X_, _X__XXXX, XXXX____,
  ___XXXXX, XXXXXXXX, XXXXXXXX, XXXXX___,
  ___XXXXX, XXXX__X_, _X__XXXX, XXXXX___,
  ___XXXXX, XXXX__X_, _X__XXXX, XXXXX___,
  ___XXXXX, XXXXXXXX, XXXXXXXX, XXXXX___,
  ___XXXXX, XXXX__X_, _X__XXXX, XXXXX___,
  ___XXXXX, XXXX__X_, _X__XXXX, XXXXX___,
  ___XXXXX, XXXXXXXX, XXXXXXXX, XXXXX___,
  ___XXXXX, XXXXXXXX, XXXXXXXX, XXXXX___
};

static const unsigned char acPhone1[] = {
  ________, ________, ________, ________,
  ______XX, X_______, ________, ________,
  ____XXXX, XXXXX___, ________, ________,
  ____XXXX, XXXXXXX_, ________, ________,
  ___XXXXX, XXXXXXXX, X_______, ________,
  ___XXXXX, XXXXXXXX, XXX_____, ________,
  _____XXX, XXXX_XXX, XXXXX___, ________,
  _______X, XXXX___X, XXXXXXX_, ________,
  ________, _XX_____, _XXXXXXX, X_______,
  ________, ________, ___XXXXX, XXX_____,
  ________, ________, _____XXX, XXXXX___,
  ________, ________, _______X, XXXXXX__,
  ________, ________, ________, XXXXXXX_,
  ________, ________, ________, XXXXXXX_,
  ________, ________, _______X, XXXXXXXX,
  ________, ___XX___, ___XX__X, XXXXXXXX,
  ________, ___XX___, ___XX___, _XXXXXXX,
  ________, ___XX___, ___XX___, ___XXXX_,
  ________, ___XX___, ___XX___, _____XX_,
  _______X, XXXXXXXX, XXXXXXXX, X_______,
  ______XX, XXXXXXXX, XXXXXXXX, XX______,
  _____XXX, XXXX__X_, _X__XXXX, XXX_____,
  ____XXXX, XXXX__X_, _X__XXXX, XXXX____,
  ___XXXXX, XXXXXXXX, XXXXXXXX, XXXXX___,
  ___XXXXX, XXXX__X_, _X__XXXX, XXXXX___,
  ___XXXXX, XXXX__X_, _X__XXXX, XXXXX___,
  ___XXXXX, XXXXXXXX, XXXXXXXX, XXXXX___,
  ___XXXXX, XXXX__X_, _X__XXXX, XXXXX___,
  ___XXXXX, XXXX__X_, _X__XXXX, XXXXX___,
  ___XXXXX, XXXXXXXX, XXXXXXXX, XXXXX___,
  ___XXXXX, XXXXXXXX, XXXXXXXX, XXXXX___
};

static const unsigned char acPhone2[] = {
  ________, ________, ________, ________,
  ________, ________, _______X, XX______,
  ________, ________, ___XXXXX, XXXX____,
  ________, ________, _XXXXXXX, XXXX____,
  ________, _______X, XXXXXXXX, XXXXX___,
  ________, _____XXX, XXXXXXXX, XXXXX___,
  ________, ___XXXXX, XXX_XXXX, XXX_____,
  ________, _XXXXXXX, X___XXXX, X_______,
  _______X, XXXXXXX_, _____XX_, ________,
  _____XXX, XXXXX___, ________, ________,
  ___XXXXX, XXX_____, ________, ________,
  __XXXXXX, X_______, ________, ________,
  _XXXXXXX, ________, ________, ________,
  _XXXXXXX, ________, ________, ________,
  XXXXXXXX, X_______, ________, ________,
  XXXXXXXX, X__XX___, ___XX___, ________,
  XXXXXXX_, ___XX___, ___XX___, ________,
  _XXXX___, ___XX___, ___XX___, ________,
  _XX_____, ___XX___, ___XX___, ________,
  _______X, XXXXXXXX, XXXXXXXX, X_______,
  ______XX, XXXXXXXX, XXXXXXXX, XX______,
  _____XXX, XXXX__X_, _X__XXXX, XXX_____,
  ____XXXX, XXXX__X_, _X__XXXX, XXXX____,
  ___XXXXX, XXXXXXXX, XXXXXXXX, XXXXX___,
  ___XXXXX, XXXX__X_, _X__XXXX, XXXXX___,
  ___XXXXX, XXXX__X_, _X__XXXX, XXXXX___,
  ___XXXXX, XXXXXXXX, XXXXXXXX, XXXXX___,
  ___XXXXX, XXXX__X_, _X__XXXX, XXXXX___,
  ___XXXXX, XXXX__X_, _X__XXXX, XXXXX___,
  ___XXXXX, XXXXXXXX, XXXXXXXX, XXXXX___,
  ___XXXXX, XXXXXXXX, XXXXXXXX, XXXXX___
};

static const GUI_BITMAP bm_1bpp_0 = { 32, 31, 4, 1, acPhone0, &Palette};  //--------------（1）
static const GUI_BITMAP bm_1bpp_1 = { 32, 31, 4, 1, acPhone1, &Palette};
static const GUI_BITMAP bm_1bpp_2 = { 32, 31, 4, 1, acPhone2, &Palette};

/*******************************************************************
*
*       static code
*
********************************************************************
*/
/*******************************************************************
*
*       _Wait
*/
static int _Wait(int Delay) {  //--------------（2）
  int EndTime;
  int r;

  r = 1;
  EndTime = GUI_GetTime() + Delay;
  while (GUI_GetTime() < EndTime) {
    GUI_Exec();
    if (GUI_GetKey() == GUI_ID_OK) {
      r = 0;
      break;
    }
  }
  return r;
}

/*******************************************************************
*
*       _DemoButton
*/
static void _DemoButton(void) {
  BUTTON_Handle hButton;

  GUI_SetFont(&GUI_Font8x16);
  GUI_DispStringHCenterAt("Click on phone button...", 160,80);
  GUI_Delay(500);
  //
  // Create the button and modify its attributes
  //
  hButton = BUTTON_Create(142, 100, 36, 40, GUI_ID_OK, WM_CF_SHOW); //--------------（3）
  BUTTON_SetBkColor (hButton, 1, GUI_RED);
  //
  // Loop until button is pressed
  //
  while (1) {
    BUTTON_SetBitmapEx(hButton, 0, &bm_1bpp_1, 2, 4); //--------------（4）
    BUTTON_SetBitmapEx(hButton, 1, &bm_1bpp_1, 2, 4);
    if (!_Wait(50)) break;
    BUTTON_SetBitmapEx(hButton, 0, &bm_1bpp_0, 2, 4);
    BUTTON_SetBitmapEx(hButton, 1, &bm_1bpp_0, 2, 4);
    if (!_Wait(45)) break;
    BUTTON_SetBitmapEx(hButton, 0, &bm_1bpp_2, 2, 4);
    BUTTON_SetBitmapEx(hButton, 1, &bm_1bpp_2, 2, 4);
    if (!_Wait(50)) break;
    BUTTON_SetBitmapEx(hButton, 0, &bm_1bpp_0, 2, 4);
    BUTTON_SetBitmapEx(hButton, 1, &bm_1bpp_0, 2, 4);
    if (!_Wait(45)) break;
  }
  BUTTON_SetBitmapEx(hButton, 0, &bm_1bpp_1, 2, 4);
  BUTTON_SetBitmapEx(hButton, 1, &bm_1bpp_1, 2, 4);
  GUI_ClearRect(0, 80, 319, 120);
  GUI_DispStringHCenterAt("You have answered the telephone", 160, 145);
  GUI_Delay(2000);
  //
  // Delete button object
  //
  WM_DeleteWindow(hButton);
  GUI_ClearRect(0, 50, 319, 239);
  GUI_Delay(400);
}

/*********************************************************************
*
*       Public code
*
**********************************************************************
*/
/*********************************************************************
*
*       MainTask
*/
void MainTask(void) {
  GUI_Init();
  //
  // Check if recommended memory for the sample is available
  //
  if (GUI_ALLOC_GetNumFreeBytes() < RECOMMENDED_MEMORY) {
    GUI_ErrorOut("Not enough memory available.");
    return;
  }
  GUI_SetBkColor(GUI_BLACK);
  GUI_Clear();
  GUI_SetColor(GUI_WHITE);
  GUI_SetFont(&GUI_Font24_ASCII);
  GUI_DispStringHCenterAt("WIDGET_PhoneButton - Sample", 160, 5);
  while (1) {
    _DemoButton();
  }
}

lee_st · 2017-2-28 16:50:44

1.    用于按钮上面显示的三种位图。
2.    按键时间等待函数，这个函数设计的比较巧妙，大家可以学习下。这个函数的主要功能是在函数形参设置的时间范围内，ID为GUI_ID_OK的按钮还没有按下，那么返回1，在设置的时间内按下了，返回0。
3.    通过函数BUTTON_Create将按钮创建到桌面窗口。

lee_st · 2017-2-28 16:50:54

4. 通过函数BUTTON_SetBitmapEx设置按钮控件显示的位图。通过此函数的第二个参数可以设置按钮在按下（BUTTON_BI_PRESSED，用数值表示的话是数字1），未按下（BUTTON_BI_UNPRESSED，用数值表示的话是数字0）和禁止状态（BUTTON_BI_DISABLED，用数值表示的话是数字2）显示的位图。最后两个参数是用来设置位图在按钮中的显示位置，坐标位置是相对按钮的坐标位置。emWin手册中还有一个位图显示函数BUTTON_SetBitmap，比函数BUTTON_SetBitmapEx少了最后两个坐标位置的参数

显示效果如下：

lee_st · 2017-2-28 16:52:09

46.5  实验例程说明（RTOS）

实验目的：
      1.    本实验主要学习按钮控件显示流位图的方法。
      2.    emWin功能的实现在MainTask.c文件里面。
实验内容：
      1.    K1按键按下，串口打印任务执行情况（波特率115200，数据位8，奇偶校验位无，停止位1）。
      2.    K2按键按下，实现截图功能，将图片以BMP格式保存到SD卡中。
      3.    GUI任务主要在对话框上面创建了一个按钮控件，按下此按钮，板载的LED2点亮，松手后LED2熄灭。
      4.    各个任务实现的功能如下：
            App Task Start 任务：实现按键和触摸扫描。
            App Task MspPro任务：实现截图功能，将图片以BMP格式保存到SD卡中。
            App Task UserIF  任务：按键消息处理。
            App Task COM 任务：暂未使用。
            App Task GUI 任务：GUI任务。

搜索历史

【emWin实战教程V2.0】第46章 BUTTON-按钮控件显示位图和流位图

相关推荐

44 条评论

评论

精选推荐

热门帖

站长推荐 /6