Day4-STemWin图形界面库

最新推荐文章于 2024-05-21 18:39:13 发布
最新推荐文章于 2024-05-21 18:39:13 发布
阅读量845 收藏 17
点赞数 28
分类专栏： 基于Zigbee3.0的智慧教室一体化系统 文章标签： 物联网 stm32
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_72238916/article/details/136425077
版权

1.主界面设计

GUI builder 设计

  1. 放置window控件
    1. 放置window控件
    2. 调整window控件尺寸为480*272
    3. 设置背景色

1565077085659

  1. 放置button控件

    1. 根据项目需求放置6个button控件

    2. 选中其中一个button控件，调整参数

      1. 调整button位置，把6个button均匀分布到window中
      2. 设置button尺寸为80*80，便于放置图片

1565077504630

  1. 生成C代码

    1. 点击file/save，保存文件
    2. C代码分析
// USER START (Optionally insert additional includes)
// USER END

#include "DIALOG.h"

/*********************************************************************
*
*       Defines   emwin为每一个控件分配一个ID号，之后针对控件的操作，都是针对这个		           ID进行操作！
*
**********************************************************************
*/
#define ID_WINDOW_0             (GUI_ID_USER + 0x00)
#define ID_BUTTON_0             (GUI_ID_USER + 0x07)
#define ID_BUTTON_1             (GUI_ID_USER + 0x08)
#define ID_BUTTON_2             (GUI_ID_USER + 0x09)
#define ID_BUTTON_3             (GUI_ID_USER + 0x0A)
#define ID_BUTTON_4             (GUI_ID_USER + 0x0B)
#define ID_BUTTON_5             (GUI_ID_USER + 0x0C)
/*********************************************************************
*
*       窗口控件列表  
*/
/* 控件描述结构体
struct GUI_WIDGET_CREATE_INFO_struct {
  GUI_WIDGET_CREATE_FUNC * pfCreateIndirect;	//控件创建类型句柄
  const char             * pName;            // 控件名称，会显示到控件上
  I16                      Id;               // 控件ID号
  I16                      x0;               // 控件X轴位置
  I16                      y0;               // 控件Y轴位置
  I16                      xSize;            // 控件X长度
  I16                      ySize;            // 控件y长度
  U16                      Flags;            // 指定空间标志
  I32                      Para;             // 指定控件参数
  U32                      NumExtraBytes;    // 扩展字节数
};
一般都由gui builder 自动创建，特殊情况下，自行修改
*/
static const GUI_WIDGET_CREATE_INFO _aDialogCreate[] = {
  { WINDOW_CreateIndirect, "Window", ID_WINDOW_0, 0, 0, 480, 272, 0, 0x0, 0 },
  { BUTTON_CreateIndirect, "", ID_BUTTON_0, 30, 25, 100, 100, 0, 0x0, 0 },
  { BUTTON_CreateIndirect, "", ID_BUTTON_1, 190, 25, 100, 100, 0, 0x0, 0 },
  { BUTTON_CreateIndirect, "", ID_BUTTON_2, 350, 25, 100, 100, 0, 0x0, 0 },
  { BUTTON_CreateIndirect, "", ID_BUTTON_3, 30, 150, 100, 100, 0, 0x0, 0 },
  { BUTTON_CreateIndirect, "", ID_BUTTON_4, 190, 150, 100, 100, 0, 0x0, 0 },
  { BUTTON_CreateIndirect, "", ID_BUTTON_5, 350, 150, 100, 100, 0, 0x0, 0 },
};
/*********************************************************************
*
*       _cbDialog
*/
static void _cbDialog(WM_MESSAGE * pMsg) {
  WM_HWIN hItem;
  int     NCode;
  int     Id;
  switch (pMsg->MsgId) {
  case WM_INIT_DIALOG://初始化对话框事件
    //
    // 初始化窗口
    //
    hItem = pMsg->hWin;
    //设置窗口背景色
    WINDOW_SetBkColor(hItem, GUI_MAKE_COLOR(0x004F2102));
    break;
  case WM_NOTIFY_PARENT://子窗口变化事件
    Id    = WM_GetId(pMsg->hWinSrc);//获取子窗口ID
    NCode = pMsg->Data.v;//获取事件消息
    switch(Id) {//遍历窗口ID
    case ID_BUTTON_0: // Notifications sent by ''
      switch(NCode) {
      case WM_NOTIFICATION_CLICKED://按键按下
        break;
      case WM_NOTIFICATION_RELEASED://按键释放
        break;
      }
      break;
    case ID_BUTTON_1: // Notifications sent by ''
      switch(NCode) {
      case WM_NOTIFICATION_CLICKED:
        break;
      case WM_NOTIFICATION_RELEASED:
        break;
      }
      break;
    case ID_BUTTON_2: // Notifications sent by ''
      switch(NCode) {
      case WM_NOTIFICATION_CLICKED:
        break;
      case WM_NOTIFICATION_RELEASED:
        break;
      }
      break;
    case ID_BUTTON_3: // Notifications sent by ''
      switch(NCode) {
      case WM_NOTIFICATION_CLICKED:
        // USER START (Optionally insert code for reacting on notification message)
        // USER END
        break;
      case WM_NOTIFICATION_RELEASED:
        // USER START (Optionally insert code for reacting on notification message)
        // USER END
        break;
      // USER START (Optionally insert additional code for further notification handling)
      // USER END
      }
      break;
    case ID_BUTTON_4: // Notifications sent by ''
      switch(NCode) {
      case WM_NOTIFICATION_CLICKED:
        // USER START (Optionally insert code for reacting on notification message)
        // USER END
        break;
      case WM_NOTIFICATION_RELEASED:
        // USER START (Optionally insert code for reacting on notification message)
        // USER END
        break;
      // USER START (Optionally insert additional code for further notification handling)
      // USER END
      }
      break;
    case ID_BUTTON_5: // Notifications sent by ''
      switch(NCode) {
      case WM_NOTIFICATION_CLICKED:
        // USER START (Optionally insert code for reacting on notification message)
        // USER END
        break;
      case WM_NOTIFICATION_RELEASED:
        // USER START (Optionally insert code for reacting on notification message)
        // USER END
        break;
      // USER START (Optionally insert additional code for further notification handling)
      // USER END
      }
      break;
    // USER START (Optionally insert additional code for further Ids)
    // USER END
    }
    break;
  // USER START (Optionally insert additional message handling)
  // USER END
  default:
    WM_DefaultProc(pMsg);
    break;
  }
}

/*********************************************************************
*
*       Public code
*
**********************************************************************
*/
/*********************************************************************
*
*       创建窗口
*/
WM_HWIN CreateWindow(void);
WM_HWIN CreateWindow(void) {
  WM_HWIN hWin;
  /*
    创建对话框   
  	参数
  	1:定义对话框中所要包含的小工具的资源表的指针
    2:对话框中所包含的小工具的总数
    3:应用程序特定回调函数 （对话框过程函数）的指针。
    4:父窗口的句柄 （ 0 表示没有父窗口）。
    5:对话框相对于父窗口的 X 轴位置。
    6:对话框相对于父窗口的 Y 轴位置
  */
  hWin = GUI_CreateDialogBox(_aDialogCreate, GUI_COUNTOF(_aDialogCreate), _cbDialog, WM_HBKWIN, 0, 0);
  return hWin;
}

// USER START (Optionally insert additional public code)
// USER END

/*************************** End of file ****************************/

功能实现-window环境

下载emwin仿真和模拟器

仿真模拟器是在window开发环境下的C工程，可以通过VC6或者codeblockd IDE环境下进行开发仿真

  1. 下载地址
    https://www.segger.com/downloads/emwin/

根据自己使用的STemwin库，进行下载，我们采用V5.44版本

1565258572757

  1. 添加工程到codeblockd
    1. 打开外部工程
    2. 选择.cbp文件

1565259493557

  1. 添加工程到codeblockd
    1. 点击编译运行按钮
    2. 生成模拟器

1565259639422

修改模拟器原始工程
  1. 把无用的代码移除工程

1565259773607

  1. 添加WindowDLG.c到工程中

    1. 首先复制WindowDLG.c到SeggerEval_WIN32_MSVC_MinGW_GUI_V544\Application目录下

    2. 添加WindowDLG.c到工程中

    3. 选择Application工程目录，新建mainTask.c
      1565260425405

    4. 在mainTask.c添加代码


#include "dialog.h"//包含window对话框 头文件
void MainTask(void)

{

    GUI_Init();                     //初始化emWin/ucGUI
    CreateWindow();                 //创建窗体,父窗体是桌面背景
    while(1) {GUI_Delay(20);}       //调用GUI_Delay函数延时20MS(最终目的是调用GUI_Exec()函数)

}
  1. 点击编译运行
    1565260549963
按钮添加效果图
搜索像素100x100图片，尽量为png格式
  1. 搜索温度、湿度、风扇、LED、光照、蜂鸣器图片
  2. 统一把图片修改为100x100像素

1565260852666

把图片修改为位图格式
  1. 选择位图生成工具

1565261186439

  1. 进行位图生成

    1. File->Open 打开图片
    2. Image->Convert to-> 16Bit color 565 把图片转换为RGB565格式（跟开发板LCD屏幕匹配）
    3. File->Save as 保存文件
![1565261433306](https://img-blog.csdnimg.cn/img_convert/5666e97095edaec6e59734db56c8d67c.png)

1565261457087

  1. 把生成的位图代码添加到工程中
    1. 复制位图文件到工程文件中
    2. 添加位图文件到工程里
功能代码修改
  1. 在WindowDLG.c里声明位图全局变量（每一幅图片都生成了一个位图结构体）

/*********************************************************************
*
*       Static data
*
**********************************************************************
*/

// USER START (Optionally insert additional static data)

extern GUI_CONST_STORAGE GUI_BITMAP bmalarm;
extern GUI_CONST_STORAGE GUI_BITMAP bmfan;
extern GUI_CONST_STORAGE GUI_BITMAP bmhum;
extern GUI_CONST_STORAGE GUI_BITMAP bmled;
extern GUI_CONST_STORAGE GUI_BITMAP bmlinght;
extern GUI_CONST_STORAGE GUI_BITMAP bmtemp;
// USER END
  1. 在对话框初始化中添加按钮位图转换
// USER START (Optionally insert additional code for further widget initialization)
	//根据空间ID,获取空间句柄
    hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_0);
    //设置按钮未按下时，显示温度图片
    BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmtemp);
    //
    // Initialization of 'Button_fan'
    //
    hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_1);
    BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmfan);
    //
    // Initialization of 'Button_hum'
    //
    hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_2);
    BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmhum);
    //
    // Initialization of 'Button_led'
    //
    hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_3);
    BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmled);
    //
    // Initialization of 'Button_alarm'
    //
    hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_4);
    BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmalarm);
    //
    // Initialization of 'Button_light'
    //
    hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_5);
    BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmlinght);

    // USER END
  1. 点击编译运行

1565262348010

为按钮添加点击效果
  1. 生成颜色为蓝色的位图文件 blue.c
  2. 在对话框初始化中添加按钮位图转换
 BUTTON_SetBitmap(hItem, BUTTON_BI_PRESSED, &bmblue);

功能实现开发板环境

代码移植
  1. 复制Application文件夹到SmartClassRoom\Middlewares\Third_Party\STemWin目录下

2.图形界面(GUI)编程介绍

GUI开发流程

image-20200415112229887

emWin-GUI库

emWin应用场景

image-20200415135902244

emWin介绍

image-20200415135956781

STemWin

image-20200415140145692

emWin开发流程

image-20200415140407709

LCD怎么驱动

常见的TFT-LCD屏

image-20200415140509693

两种TFT-LCD驱动接口

image-20200415140531408

LCD驱动程序

#ifndef __LCD_H__
#define __LCD_H__   
#include "stm32f4xx_hal.h"
void lcd_clear(uint16_t Color);
void lcd_init(void);
void write_data_Prepare(void);
unsigned short lcd_read_gram(unsigned int x,unsigned int y);
void LCD_DrawPoint(uint16_t xsta, uint16_t ysta, uint16_t color);
void LCD_ShowString(uint16_t x0, uint16_t y0, uint8_t *pcStr, uint16_t PenColor, uint16_t BackColor);
void LCD_Fill(uint16_t xsta, uint16_t ysta, uint16_t xend, uint16_t yend, uint16_t colour);
#endif

3.emWin移植上

STemWin结构框架

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

CRC开启

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

SRAM 写操作要使能

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

获取STemWin源码文件

STemWin默认在STM32CUBEMX文档下

例如C:\Users\Think\STM32Cube\Repository\STM32Cube_FW_F4_V1.24.1\Middlewares\ST\STemWin

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

emWin移植到项目工程

  1. 复制STemWin源码到项目工程中
    工程目录：SmartClassRoom\Middlewares\Third_Party\STemWin

  2. 在keil工程中添加相关文件

    1. 新建工作组：Middlewares/STemWin
      外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

    2. 添加需要编译的C和库文件

    外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

文件名称文件描述
GUI_X_OS.cOS支持文件，不需要修改
GUIConf.cGUI配置文件，主要用于GUI内存块初始化
GUIDRV_Template.cGUI驱动模块，主要针对LCD操作接口
LCDConf_FlexColor_Template.cGUI显示配置文件，主要用于LCD参数配置，初始化
GUI_X_Touch_Analog.c需要自己单独定义，用于触摸笔驱动
STemWin_CM4_OS_wc16_ot.a基于Cortex-M4驱动库，STemWin源码不开放
  1. 修改库文件格式（keil默认不识别.a文件格式，需要我们手动配置）

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

移植lcd和touch驱动文件

  1. 添加lcd.c和Touch.c到Src目录下

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. 添加lcd.h和Touch.h到Inc目录下
    外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

4.emWin移植下

emWin LCD驱动适配

修改GUIConf.c

#include "GUI.h"

/*********************************************************************
*
*       Defines
*
**********************************************************************
*/
//
// Define the available number of bytes available for the GUI
//
#define GUI_NUMBYTES    (512*1024)		 //定义外部存储器大小
#define GUI_BLOCKSUZE   (0X80)			//定义最小内存库操作大小
#define SRAM_BANK_ADDR  ((U32)0x68000000)	//定义外部存储器首地址

/*********************************************************************
*
*       Public code
*
**********************************************************************
*/
/*********************************************************************
*
*       GUI_X_Config
*
* Purpose:
*   Called during the initialization process in order to set up the
*   available memory for the GUI.
*/
void GUI_X_Config(void) {
  //
  // 32 bit aligned memory area
  //
	volatile U32* aMemory = (volatile U32*)(SRAM_BANK_ADDR);
  //
  // Assign memory to emWin
  //分配GUI存储器首地址及最小操作内存块大小
  GUI_ALLOC_AssignMemory((void *)aMemory, GUI_NUMBYTES);
  GUI_ALLOC_SetAvBlockSize(GUI_BLOCKSUZE);
  //
  // Set default font
  //
  GUI_SetDefaultFont(GUI_FONT_32_1);
}

修改GUIDRV_Template.c

只需要完成画点和读取点操作即可

/*********************************************************************
*
*       _SetPixelIndex
*
* Purpose:
*   Sets the index of the given pixel. The upper layers
*   calling this routine make sure that the coordinates are in range, so
*   that no check on the parameters needs to be performed.
*/
static void _SetPixelIndex(GUI_DEVICE * pDevice, int x, int y, int PixelIndex) {
    //
    // Convert logical into physical coordinates (Dep. on LCDConf.h)
    //
    #if (LCD_MIRROR_X == 1) || (LCD_MIRROR_Y == 1) || (LCD_SWAP_XY == 1)
      int xPhys, yPhys;

      xPhys = LOG2PHYS_X(x, y);
      yPhys = LOG2PHYS_Y(x, y);
    #else
      #define xPhys x
      #define yPhys y
    #endif
    GUI_USE_PARA(pDevice);
    GUI_USE_PARA(x);
    GUI_USE_PARA(y);
    GUI_USE_PARA(PixelIndex);
    {
      //
      // Write into hardware ... Adapt to your system
      //添加lcd画点接口
      LCD_DrawPoint(x,y,PixelIndex);
      // TBD by customer...
      //
    }
    #if (LCD_MIRROR_X == 0) && (LCD_MIRROR_Y == 0) && (LCD_SWAP_XY == 0)
      #undef xPhys
      #undef yPhys
    #endif
}
/*********************************************************************
*
*       _GetPixelIndex
*
* Purpose:
*   Returns the index of the given pixel. The upper layers
*   calling this routine make sure that the coordinates are in range, so
*   that no check on the parameters needs to be performed.
*/
static unsigned int _GetPixelIndex(GUI_DEVICE * pDevice, int x, int y) {
  unsigned int PixelIndex;
    //
    // Convert logical into physical coordinates (Dep. on LCDConf.h)
    //
    #if (LCD_MIRROR_X == 1) || (LCD_MIRROR_Y == 1) || (LCD_SWAP_XY == 1)
      int xPhys, yPhys;

      xPhys = LOG2PHYS_X(x, y);
      yPhys = LOG2PHYS_Y(x, y);
    #else
      #define xPhys x
      #define yPhys y
    #endif
    GUI_USE_PARA(pDevice);
    GUI_USE_PARA(x);
    GUI_USE_PARA(y);
    {
      //
      // Write into hardware ... Adapt to your system
      //添加lcd读取点接口
      PixelIndex = lcd_read_gram(x,y);
      
      // TBD by customer...
      //
      PixelIndex = 0;
    }
    #if (LCD_MIRROR_X == 0) && (LCD_MIRROR_Y == 0) && (LCD_SWAP_XY == 0)
      #undef xPhys
      #undef yPhys
    #endif
  return PixelIndex;
}

修改LCDConf_FlexColor_Template.c

  1. 定义显示尺寸 480*272
  2. 定义触摸笔X，Y AD测量值（需要自己测量获得）
  3. 添加触摸笔校准函数
  4. 添加lcd初始化函数

#include "GUI.h"
#include "GUIDRV_FlexColor.h"
#include "lcd.h"

/*********************************************************************
*
*       Layer configuration (to be modified)
*
**********************************************************************
*/

//
// Physical display size
//
#define XSIZE_PHYS  480 //  屏幕X坐标长度
#define YSIZE_PHYS  272 //  屏幕Y坐标长度


#define GUI_TOUCH_AD_Y_TOP 170		// 屏幕X0点坐标AD值
#define GUI_TOUCH_AD_Y_BOTTOM 1900	// 屏幕X480点坐标AD值
#define GUI_TOUCH_AD_X_LEFT 100		// 屏幕Y0点坐标AD值
#define GUI_TOUCH_AD_X_RIGHT 1930	// 屏幕Y272点坐标AD值

/*********************************************************************
*
*       Configuration checking
*
**********************************************************************
*/
#ifndef   VXSIZE_PHYS
  #define VXSIZE_PHYS XSIZE_PHYS
#endif
#ifndef   VYSIZE_PHYS
  #define VYSIZE_PHYS YSIZE_PHYS
#endif
#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   GUICC_565
  #error Color conversion not defined!
#endif
#ifndef   GUIDRV_FLEXCOLOR
  #error No display driver defined!
#endif

/*********************************************************************
*
*       Public functions
*
**********************************************************************
*/
/*********************************************************************
*
*       LCD_X_Config
*
* Function description:
*   Called during the initialization process in order to set up the
*   display driver configuration.
*
*/
void LCD_X_Config(void) {
  //
  // 配置GUI LCD驱动以及颜色显示方式
  //
  GUI_DEVICE_CreateAndLink(&GUIDRV_Template_API, GUICC_M565, 0, 0);
  //
  // 显示尺寸配置
  //
  LCD_SetSizeEx (0, XSIZE_PHYS , YSIZE_PHYS);
  LCD_SetVSizeEx(0, VXSIZE_PHYS, VYSIZE_PHYS);
	
  //触摸笔校准
  GUI_TOUCH_Calibrate(GUI_COORD_X, 0, 480, GUI_TOUCH_AD_X_LEFT , GUI_TOUCH_AD_X_RIGHT);
  GUI_TOUCH_Calibrate(GUI_COORD_Y, 0, 272, GUI_TOUCH_AD_Y_TOP, GUI_TOUCH_AD_Y_BOTTOM);
  //
  // Orientation
  //
  //
  // Set controller and operation mode
  //
}

/*********************************************************************
*
*       LCD_X_DisplayDriver
*
* Function description:
*   This function is called by the display driver for several purposes.
*   To support the according task the routine needs to be adapted to
*   the display controller. Please note that the commands marked with
*   'optional' are not cogently required and should only be adapted if
*   the display controller supports these features.
*
* Parameter:
*   LayerIndex - Index of layer to be configured
*   Cmd        - Please refer to the details in the switch statement below
*   pData      - Pointer to a LCD_X_DATA structure
*
* Return Value:
*   < -1 - Error
*     -1 - Command not handled
*      0 - Ok
*/
int LCD_X_DisplayDriver(unsigned LayerIndex, unsigned Cmd, void * pData) {
  int r;
  (void) LayerIndex;
  (void) pData;
  
  switch (Cmd) {
  case LCD_X_INITCONTROLLER: {
    //
    // Called during the initialization process in order to set up the
    // display controller and put it into operation. If the display
    // controller is not initialized by any external routine this needs
    // to be adapted by the customer...
    //
    // ...
		//添加lcd初始化
		lcd_init();
    return 0;
  }
  default:
    r = -1;
  }
  return r;
}

添加GUI_X_Touch_Analog.c

#include "GUI.h"
#include "Touch.h"


void GUI_TOUCH_X_ActivateX(void) 
{

}

void GUI_TOUCH_X_ActivateY(void)
{

}

//获取X坐标AD值
int  GUI_TOUCH_X_MeasureX(void) 
{
	return XPT_Read_XY(CMD_RDX);
}

//获取Y坐标AD值
int  GUI_TOUCH_X_MeasureY(void) 
{	
	return XPT_Read_XY(CMD_RDY);
}

emWin测试程序编写

测试程序编写

/* USER CODE BEGIN Header_Touch_Task */
/**
  * @brief  Function implementing the TouchTask thread.
  * @param  argument: Not used 
  * @retval None
  */
/* USER CODE END Header_Touch_Task */
void Touch_Task(void const * argument)
{

	GUI_PID_STATE State;    
                 
//  /* init code for FATFS */
//  MX_FATFS_Init();

//  /* init code for LWIP */
//  MX_LWIP_Init();


  GUI_Init();
  GUI_SetBkColor(GUI_BLUE);
  GUI_SetFont(GUI_FONT_32_1);
  GUI_SetColor(GUI_YELLOW);
  GUI_Clear();	
  /* Infinite loop */
  for(;;)
  {			
  		//执行触摸笔检测
		GUI_TOUCH_Exec();	
        //获取触摸笔状态值
		GUI_TOUCH_GetState(&State);
		//是否按下
		if(State.Pressed){
			//打印触摸笔坐标信息
			GUI_DispStringAt("X:",0,0);
			GUI_DispDecAt(State.x,32,0,4);
			GUI_DispStringAt("Y:",0,24);
			GUI_DispDecAt(State.y,32,24,4);			
		}
		osDelay(10);
	}
  /* USER CODE END Touch_Task */
}

测试结果

当触摸笔按下时，显示X（0-480）和Y（0-272）坐标信息

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

5.emWin开发环境搭建

开发环境介绍

CodeBlocks

image-20200416102002472

GUIBuilder

image-20200416102158672

Simulation（模拟器）

image-20200416102355147

emwin Simulation （模拟器）

仿真模拟器是在window开发环境下的C工程，可以通过VC6或者codeblockd IDE环境下进行开发仿真

  1. 下载地址
    https://www.segger.com/downloads/emwin/

根据自己使用的STemwin库，进行下载，我们采用V5.44版本

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. 添加工程到codeblockd
    1. 打开外部工程
    2. 选择.cbp文件

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. 添加工程到codeblockd
    1. 点击编译运行按钮
    2. 生成模拟器

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

GUIBuilder 制作界面

Created with Raphaël 2.3.0 放置窗口 放置按钮 放置文本 生成代码

image-20200416110044077

界面添加到模拟器

修改模拟器原始工程

  1. 把无用的代码移除工程

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. 添加WindowDLG.c到工程中

    1. 首先复制WindowDLG.c到SeggerEval_WIN32_MSVC_MinGW_GUI_V544\Application目录下

    2. 添加WindowDLG.c到工程中

    3. 选择Application工程目录，新建mainTask.c
      外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

    4. 在mainTask.c添加代码


#include "dialog.h"//包含window对话框 头文件
void MainTask(void)

{

    GUI_Init();                     //初始化emWin
    CreateWindow();                 //创建窗体,父窗体是桌面背景
    while(1) {GUI_Delay(20);}       //调用GUI_Delay函数延时20MS(最终目的是调用GUI_Exec()函数)

}

6.emWin运行原理分析

emWin使用说明书

image-20200424145208980

emWin初始化

image-20200424144757569

执行模型

image-20200424145236433

单任务使用注意事项

我们在操作系统下使用emwin，必须要创建一个任务，用来调用emWin函数，并且官方说，此任务的优先级配置为最低
    
 emWin函数指的是什么？？？

image-20200503154628494

时间调度

emWin运行原理image-20200424145301956

指针输入设备

image-20200424150913387

7.emWin应用编程方法

GUIBuilder

image-20200502012318327

对话框

image-20200502012355310

资源表

资源：我们这个对话框内部的小工具（小窗口）------- window 按钮 文本 图片

image-20200503170039928

窗口管理器

image-20200424174546626

窗口消息

image-20200503170738357

窗口对象

image-20200424174611197

物联网攻城狮
关注
  • 28
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
day02-员工管理、分类管理
11-03
day02-员工管理、分类管理
day05-店铺营业状态设置
11-03
day05-店铺营业状态设置
day03-菜品管理 day03-菜品管理
11-03
day03-菜品管理
day建筑-V1.4.0知识库.rp
10-14
day建筑-V1.4.0知识库.rp
day01-项目概述、环境搭建
11-03
day01-项目概述、环境搭建
emwin之LISTWHEEL控件之LISTWHEEL_SetPos函数的使用
weixin_30820151的博客
09-05 749
@2018-09-05 【小记】 LISTWHEEL控件的LISTWHEEL_SetPos函数的使用注意事项： 　　该函数不能在创建窗口的WM_INIT_DIALOG分支下作为修改LISTWHEEL控件属性时使用或使用无效，应该在调用该LISTWHEEL的创建窗口的顶层函数后使用方能生效，即想要该函数起作用，得等待该LISTWHEEL所在的窗口创建完毕后，以上结论得出于调试过程中 【示例】...
STemWin专题--图形化窗口的简单制作
weixin_46022765的博客
05-19 2888
STemWin图形化界面设计专题 STemWin专题–图形化窗口的简单制作 1、首先，你需要设置一个窗口，窗口设计的软件在KEIL（MDK）的安装目录路径下。 我的是这个路径，每个版本安装目录都大同小异，这里大家可以找找看。 2、直接去到之前你安装目录keil（MDK）的路径下找到GUIBuider应用程序（以下是我的安装路径） 3、打开设计窗口 添加对话框控件 4、修改对话框大小800*480 5、右键选择Set Font，设置字体大小 6、右键Set title text 修改对话窗口文本
STemWin5.44.zip
11-25
stm开发GUI工具包。 Thanks to its partner SEGGER, ST is providing the STemWin Library, based on SEGGER emWin one. STemWin is a professional graphical stack library, enabling Graphical User Interfaces (GUI) building up with any STM32, any LCD and any LCD controller, taking benefit from STM32 hardware accelerations, whenever possible. STemWin Library is a full solution, coming with services like JPG, GIF, PNG decoding, tons of Widgets (check boxes, buttons, …), the VNC server allowing remote displaying
STemwin小工具应用
chaoge131的博客
05-19 864
1、C:\Keil\ARM\Segger\emWin\Tool\GUIBuilder可以初步创建控件、图片、窗口等 2、BmpCvt可以转换BMP颜色格式，减少转换数组的大小，不过会失真 动画游标制作，可转换出.c文件，供GUI 的 Sprite调用， 3、Bin2c可转换位图文件，也是转换出.c文件 4、官方FontCvt字体转换工具 stand-->标准字体，2,4bpp->2点、4点抗锯齿，带extern的是外部字体，选好格式后，进入里面还可...
STemWin学习笔记——在PC上仿真STemWin
唯恋殊雨的博客
06-17 3551
安全基础：0-day漏洞
知行合一 止于至善
06-09 5504
这篇文章以阿里巴巴的FastJSon来介绍一下Zero-day（0-day）漏洞的基础常识。
Day002--MySQL中的图形工具的使用并创建数据表及查看表
码到成龚的博客
05-19 3472
使用SQLyog及Navicat premium图形化工具创建数据表及查看表
Java图形界面编程--界面版猜数字游戏
gezongbo的博客
03-05 2694
界面版猜数字游戏 package com.lddx.day0305; import java.awt.Color; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.util.Random; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swi
STemWin学习笔记——窗口小工具（控件）
唯恋殊雨的博客
08-05 1423
STemWin介绍
热门推荐
phenixyf的专栏
08-20 2万+
  本期教程开始带领大家了解一下STemWin的基本知识，其实确切的讲应该叫emWin基础知识，由于教程使用的开发板是ST的微控制器，所以就把名字统一命名成STemWin（为什么叫STemWin，在下面会有详细的讲解）。 1.1 STemWin，emWin，μCGUI之间的关系 1.2 SEGGER公司介绍 1.3 STemWin介绍 1.4 STM32F103和407跑STemWin性...
stemwin 实现显示屏幕滑动
芯创博客
04-04 4055
最近在借助一个项目学习使用emwin的使用，xia显示屏用的19264，显示的数据有限，无法shix实现一页全部显示出来，想着可以通过聚焦的控件判断是否需要翻页。zhuy主要思路是：创建父窗口（父窗口尺寸192*64），然后创建子窗口（子窗口尺寸192*120）。这样youy有一部小工具会超出物理显示尺寸，在qieh切换焦点时判断当前聚焦的小工具，然后实现翻页。 一。创建父窗口和子窗口，设置窗口...
微软推出Copliot+ PC， 6月上市，起售价999美元
最新发布
数据猿
05-21 218
大数据产业创新服务媒体——聚焦数据· 改变商业美国西海岸时间上午10点，微软一年一度的开发者大会正式开启。不同于往年的是，今年没有线上视频直播，充满了神秘感。时间一到，首席执行官Satya Nadella（萨蒂亚·纳德拉）登上舞台，表示今天让他想起了微软的另一个开创性时刻——Windows 95。Windows 95之所以具有重要纪念意义，因为它引入了“开始”菜单和任务栏，简化了硬件安装，使个人...
嵌入式 IoT 设备优选RTOS的原因分析
嵌入式技术开发
05-19 149
ARM Cortex-M系列就是非常适合IoT的MCU，有数百种基于流行的Cortex-M架构的MCU，通常只有几百KB的内存，Linux基本不能在这些芯片上运行。尽管从历史上看，嵌入式系统完全是围绕8位和16位MCU构建的，但是32位MCU的价格却一直在迅速下降，销量在快速增长，使其成为最受欢迎的MCU。Linux是一种强大的，对开发人员友好的操作系统，作为物联网设备的平台已受到关注，Linux已成熟成为许多应用程序的主流嵌入式操作系统。所以，不光是看得到的实物需要认证，“看不见”的软件也是需要认证。
day--和--day区别
04-18
"day--"和"day"是两种不同的操作符，它们在编程中有着不同的含义和用法。 1. "day--"是一个后缀自减操作符，用于将变量的值减1，并返回减1之前的值。例如，如果有一个变量day的值为5，执行day--操作后，day的值将变为4，并且表达式的结果为5。这个操作符通常用于循环或迭代中，用于递减计数器或索引。 2. "day"是一个变量名或标识符，用于表示一个存储数据的位置。它可以是任何合法的变量名，用于存储某个特定类型的数据。例如，可以定义一个变量day来表示一周中的某一天。 总结起来，"day--"是一个操作符，用于递减变量的值；而"day"是一个变量名，用于表示存储数据的位置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值