STemWin图形化界面设计专题

STemWin专题–图形化窗口的简单制作

1、首先，你需要设置一个窗口，窗口设计的软件在KEIL（MDK）的安装目录路径下。

我的是这个路径，每个版本安装目录都大同小异，这里大家可以找找看。
2、直接去到之前你安装目录keil（MDK）的路径下找到GUIBuider应用程序（以下是我的安装路径）

3、打开设计窗口

添加对话框控件
4、修改对话框大小800*480

5、右键选择Set Font，设置字体大小

6、右键Set title text 修改对话窗口文本

7、添加自己喜欢的控件，拖动改变控件大小

8、建好后点击file–>save
9、保存的代码就在安装目录的路径下啦！

10、值得注意的是，打开该代码后，直接把以下的函数复制到14点的相应函数进行函数内容的替换.

替换到这

11、把之前下载好的文件打开（下载链接：https://www.segger.com/downloads/embedded-studio#ESforARM）

12、下载好后，以VC++运行这个工作区

13、在该文件的相应处修改程序

14、把代码替换到GUIIDE_Start.c文件下

#include <stddef.h>
#include "GUI.h"
#include "DIALOG.h"#include "WM.h"
#include "BUTTON.h"
#include "CHECKBOX.h"
#include "DROPDOWN.h"
#include "EDIT.h"
#include "FRAMEWIN.h"
#include "LISTBOX.H"
#include "MULTIEDIT.h"
#include "RADIO.h"
#include "SLIDER.h"
#include "TEXT.h"
#include "PROGBAR.h"
#include "SCROLLBAR.h"
#include "LISTVIEW.h"void OnButtonClicked(WM_MESSAGE * pMsg);
void OnButtonReleased(WM_MESSAGE * pMsg);
void OnButtonMovedOut(WM_MESSAGE * pMsg);static const GUI_WIDGET_CREATE_INFO _aDialogCreate[] = {{FRAMEWIN_CreateIndirect,"feiluo",0,0,0,800,480,FRAMEWIN_CF_MOVEABLE,0},{BUTTON_CreateIndirect,"BUTTON0", GUI_ID_BUTTON0,82,122,162,37,0,0},{BUTTON_CreateIndirect,"BUTTON1", GUI_ID_BUTTON1,357,123,152,35,0,0}};void PaintDialog(WM_MESSAGE * pMsg)
{WM_HWIN hWin = pMsg->hWin;
}void InitDialog(WM_MESSAGE * pMsg)
{WM_HWIN hWin = pMsg->hWin;FRAMEWIN_SetFont(hWin,&GUI_Font24B_ASCII);FRAMEWIN_SetTextAlign(hWin,GUI_TA_VCENTER|GUI_TA_CENTER);FRAMEWIN_AddCloseButton(hWin,FRAMEWIN_BUTTON_RIGHT,0);FRAMEWIN_AddMaxButton(hWin,FRAMEWIN_BUTTON_RIGHT,1);FRAMEWIN_AddMinButton(hWin,FRAMEWIN_BUTTON_RIGHT,2);FRAMEWIN_SetTitleHeight(hWin,30);}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;}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;case GUI_ID_BUTTON0:switch(NCode){case WM_NOTIFICATION_CLICKED://	OnButtonClicked(pMsg);break;case WM_NOTIFICATION_RELEASED://	OnButtonReleased(pMsg);break;case WM_NOTIFICATION_MOVED_OUT://	OnButtonMovedOut(pMsg);break;}break;case GUI_ID_BUTTON1:switch (NCode){case WM_NOTIFICATION_CLICKED://	OnButtonClicked(pMsg);break;case WM_NOTIFICATION_RELEASED://	OnButtonReleased(pMsg);break;case WM_NOTIFICATION_MOVED_OUT://	OnButtonMovedOut(pMsg);break;}break;}break;default:WM_DefaultProc(pMsg);
}
}
void MainTask(void )
{GUI_Init();WM_SetDesktopColor(GUI_WHITE);WM_SetCreateFlags(WM_CF_MEMDEV);GUI_ExecDialogBox(_aDialogCreate,GUI_COUNTOF(_aDialogCreate),&_cbCallback,0,0,0);}

15、运行图像如下

16、这样就可以啦！~希望能帮到大家。开捶！！！（ps：大家可以尝试着捶其它自己喜欢的控件，发挥自己的现象去捶它）