【嵌入式】emwin中GUI Builder结合仿真器使用详解

一 使用前的准备

（1）官网emwin模拟器下载：https://www.segger.com/downloads/emwin

（2）GUI Builder下载：https://download.csdn.net/download/sinat_33408502/13105021

（3）本例程源代码下载：https://download.csdn.net/download/sinat_33408502/13105012

 

二 emwin模拟器使用步骤

（1）官网下载emwin模拟器，下载之后，用VS Studio打开其工程文件：

（2）用高版本的VS Studio（我用的是2019）编译运行会有大量报错，解决办法参考https://blog.csdn.net/spring_xx/article/details/105155902

（3）编译运行正常的话显示以下界面：

三 GUI Builder使用步骤

（1）首先打开GUI Builder，先建立一个Framewin，名称以及大小可以自己定义，同时点击右键可以选择其他属性（以下列出字体和对齐方式的选择）:

（2）在上面新建一个滚动条Progbar以及一个滑块工具Slider，大小自行定义；

（3）左上角File点击保存，保存的文件在GUI Builder软件的根目录下：

（4）删除emwin仿真器的Application--GUIDEMO_Start.c文件中原来的内容，将DEDLG中的内容全部拷贝进去，并在文件尾部添加如下主任务代码：

/*********************************************************************
* *
MainTask
*/
void MainTask(void)
{
    /* 窗口自动使用存储设备 */
    WM_SetCreateFlags(WM_CF_MEMDEV);
    /* 初始化 */
    GUI_Init();
    /* 创建对话框，使用 GUIBulder5.28 生成的对话框创建函数 */
    CreateDE();  //自定义的框体函数
    while (1)
    {
        GUI_Delay(10);
    }
}

（5）由GUI Builder生成的文件中只有框体以及控件最基本的定义，具体的内容实现需要自行修改添加；

（6）例如，我希望实现拖动滑块的同时，滚动条也随之变化。首先需要在WM_INIT_DIALOG初始化事件中将两个控件分别初始化：

switch (pMsg->MsgId) {
    case WM_INIT_DIALOG:
        //
        // Initialization of 'DE'
        //
        hItem = pMsg->hWin;
        FRAMEWIN_SetFont(hItem, GUI_FONT_32B_ASCII);
        FRAMEWIN_SetTextAlign(hItem, GUI_TA_HCENTER | GUI_TA_VCENTER);

        hItem = WM_GetDialogItem(pMsg->hWin, ID_PROGBAR_0);
        PROGBAR_SetFont(hItem, GUI_FONT_32B_ASCII);
        PROGBAR_SetMinMax(hItem, 0, 100);  //进度条值0-100

        hItem = WM_GetDialogItem(pMsg->hWin, ID_SLIDER_0);
        SLIDER_SetNumTicks(hItem, 10);
        SLIDER_SetRange(hItem, 0, 100);  //滑块值0-100
        // USER START (Optionally insert additional code for further widget initialization)
        // USER END
        break;

而后，在滑块的触发事件中添加相关的事件代码：

case WM_NOTIFY_PARENT:
        Id = WM_GetId(pMsg->hWinSrc);
        NCode = pMsg->Data.v;
        switch (Id) {
        case ID_SLIDER_0: // 滑块的ID
            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;
            case WM_NOTIFICATION_VALUE_CHANGED:
                hItem = WM_GetDialogItem(pMsg->hWin, ID_SLIDER_0);  //获取滑块句柄
                Value = SLIDER_GetValue(hItem);  //获取滑块值
                hItem = WM_GetDialogItem(pMsg->hWin, ID_PROGBAR_0);  //获取滚动条句柄
                PROGBAR_SetValue(hItem, Value);  //将滑块值赋值给滚动条

（7）修改完成之后，编译运行，效果如下：