项目（智慧教室）第二部分，人机交互页面实现，

使用软件：

1.BmCvtST.exe     这是stm32Cubemx工程下的带三方软件。存在STemWin中。

作用：    图片变成.c文件格式。

2.CodeBlock

3.模拟器工程（具体请看上一节）

一。emWin环境的搭建

1.codeBlock下载

开源免费。

2.使用stm的Cubemx提供的作图软件

（1）在C盘下找到第三方的固件库，旁边有个ST文件夹

注意：我在下载cubemx为默认的路径

（2）STemWin中的Soft提供了绘图的软件

（3）SeggerEval_WIN32_MSVC_MinGW_GUI_V544的使用（模拟器）

注意模拟器要与作图器版本兼容

1.判断方法：

双击打开上述html，观察最新版本是哪一个。

是v5.44，所以去下载同样的版本。

2.模拟器下载方式

  1. 下载地址 SEGGER - The Embedded Experts - Downloads - emWin

（4）解释上述三个软件的作用

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

3.项目实验：添加页面到仿真器中

前提准备

（1）打开codeblock，选择打开存在的文件（这个文件就是那个模拟器）

（2）打开模拟器的cbp文件

（3）运行模拟器，得到界面

（4）删除提供的初始文件

文件夹中也删除

具体实现

（1）打开制图软件

点击windows界面

设置窗口大小

使用方法

保存方法

寻找保存地点，作图软件下方会有ini文件生成，双击打开，就是保存的路径

放入模拟器的工程文件下，并创建一个mainTask.c文件，输入代码

#include "dialog.h"//包含window对话框 头文件
void MainTask(void)
{GUI_Init();                     //初始化emWinCreateWindow();                 //创建窗体,父窗体是桌面背景while(1) {GUI_Delay(20);}       //调用GUI_Delay函数延时20MS(最终目的是调用GUI_Exec()函数)
}

进入codeblock，点击添加文件

找到模拟器工程的application，一直点击下一步就好

结果：生成成功，运行成功

二。人机交互页面的正式实现（代码）

C语言是句柄编程，句柄是指针。句柄编程的意思是通过操作句柄来对页面进行操作。

1.按键处理

（1）代码解释（emwin的参考文档查看）

1.WINDOWSetBKColor

        设置给定的window小工具背景色

2.WM_GetDialogltem

        返回对话框项目（小工具）的窗口句柄

3.BUTTON_SetBitmap

        设置显示指定按钮时要使用的位图，简单来说就是显示图片

4.WM_NOTIFY_PARENT

        告知父窗口，其子窗口发生了某种改变，消息通常由小工具发送到父窗口，让他可以对事件做出改变。

        上述的通知代码

（1）WM_NCTIFICATTON_CLICKED        按钮已经被点击

（2）WM_NCTIFICATTON_RELEASED        按钮已经被释放

（3）WM_NCTIFICATTON_MOVED_OUT        按钮已经被点击，且指针已经移出按钮并且没有释放。

（2）按键处理方式：        

子窗口消息通知

获取子窗口ID

获取子窗口消息

子窗口消息处理

2.页面切换

1.GUI EndDialog

        结束对话框

2.createWindow（这个是页面生成的.c文件的函数）

        创建对话框

3.步骤：

        结束当前对话框，创建需要切换的对话框

三。人机交互页面的正式实现（页面）

1.主页面创建

（1）进入软件

（2）右键选择背景

（3）设置背景颜色

（4）设置按钮

第一行按键

（按键1）43   30

（按键1）186 30

（按键1）329 30

第二行按键 

（按键1）43   150

（按键1）186 150

（按键1）329 150

（5）save之后改名MainDLG.c，里面的函数也改名为MainCreate

（6）使用CodeBlocks打开模拟器，中的.cpb文件

（7）MainDLG.c放入模拟器的application中

（8）移除以前模拟内容（注意文件夹中也删除），保存现在内容

（8）调用主页面的创建函数

2.子界面的创建

2.1温度展示页面的创建

1.页面大小：472/280

2.背景： 2/33/79

3.text（表头）:

大小：472 32

字体： 32位ASCII

内容：Temp

位置：居中

颜色：白色

3.图片

（1）大小：128  128

（2）位置：32   76

4.button

（1）大小：64  64

（2）位置： 375 107

5.text（温度）

（1）大小：128 32

（2）位置：192 124 居中

（3）颜色：白色

（4）字体：32位ASCII

6.保存，到模拟器里模拟

注意：修改函数为TempCreate（）

2.2湿度（在温度上修改）

1.改名TempDLG.c改为HumDLG.c

2.两个Text按照上图修改

3.关照强度（上面的修改）

1.改名LightDLG.c

2.修改两个Text

3.修改创建的接口为LightCreate；

4.控制风扇

1.页面大小：472  280

2.页面背景：2  33  79

3.text：

（1）大小：472  32

（2）字体：32_ASCII

（3）居中

（4）颜色：白色

4.button

（1）大小：128 128

（2）位置：172 76

5.button

（1）大小：64 64

（2）位置：375 128

5.控制Led（在上述上修改）

LedCreate；

6.Alarm（同上，名称改为AlarmCreate）

四。人机交互界面的图片处理

1.使用的软件

以下这个是stmCubemx第三方库提供的软件，作用是把图片改为C语言代码。

2.使用方法

（1）打开软件

（2）图片改为RGB模式

（3）保存为.c文件，注意：保存为高565模式

（4）把主界面的图片都生成.c文件

3.导入模拟器中展示

（1）在模拟器的application中创建图片文件

（2）工程分配文件夹

（3）主页面图片文件夹加入刚做好的.c文件

（4）右键simulationTrial----》选择add files recursively----》选择image文件夹

4.代码：MainDLG.c（主页面）的代码

代码：我的代码

都在MainDLG.c中

1.

//声明外部图片
extern GUI_CONST_STORAGE GUI_BITMAP bmMainAlarm;
extern GUI_CONST_STORAGE GUI_BITMAP bmMainFan;
extern GUI_CONST_STORAGE GUI_BITMAP bmMainHum;
extern GUI_CONST_STORAGE GUI_BITMAP bmMainLed;
extern GUI_CONST_STORAGE GUI_BITMAP bmMainLight;
extern GUI_CONST_STORAGE GUI_BITMAP bmMainTemp;

2.

    hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_0);BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmMainAlarm);hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_1);BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmMainFan);hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_2);BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmMainHum);hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_3);BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmMainLed);hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_4);BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmMainLight);hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_5);BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmMainTemp);

3.接下来是主界面六张图片的按下。

（1）

        GUI_EndDialog(pMsg->hWin, 0);AlarmCreate();

（2）

        GUI_EndDialog(pMsg->hWin, 0);FanCreate();

（3）

        GUI_EndDialog(pMsg->hWin, 0);HumCreate();

（4）

        GUI_EndDialog(pMsg->hWin, 0);LedCreate();

（5）

        GUI_EndDialog(pMsg->hWin, 0);LightCreate();

（6）

        GUI_EndDialog(pMsg->hWin, 0);TempCreate();

5.各个子页面的代码

1.FanDLG.c

（1）

//用到的图片
extern GUI_CONST_STORAGE GUI_BITMAP bmSubHome;
extern GUI_CONST_STORAGE GUI_BITMAP bmSubFanClose;
extern GUI_CONST_STORAGE GUI_BITMAP bmSubFanOpen;
static int status = 0;

（2）对风扇图片的变化处理

    hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_0);if(status){BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmSubFanOpen);}else{BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmSubFanClose);}hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_1);BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmSubHome);

（3）按钮

        status = !status;if(status){BUTTON_SetBitmap(pMsg->hWinSrc, BUTTON_BI_UNPRESSED, &bmSubFanOpen);}else{BUTTON_SetBitmap(pMsg->hWinSrc, BUTTON_BI_UNPRESSED, &bmSubFanClose);}

（4）返回按钮

        GUI_EndDialog(pMsg->hWin, 0);MainCreate();

测试

2.AlarmDLG.c

（1）图片引用

extern GUI_CONST_STORAGE GUI_BITMAP bmSubAlarmClose;
extern GUI_CONST_STORAGE GUI_BITMAP bmSubAlarmOpen;
extern GUI_CONST_STORAGE GUI_BITMAP bmSubHome;
static int status = 0;

（2）在把文本全部初始化好之后开始处理事件（图片粘贴）

    hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_0);if(status){BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmSubAlarmOpen);}else{BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmSubAlarmClose);}hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_1);BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmSubHome);

（3）按下图片

        status = !status;if(status){BUTTON_SetBitmap(pMsg->hWinSrc, BUTTON_BI_UNPRESSED, &bmSubAlarmOpen);}else{BUTTON_SetBitmap(pMsg->hWinSrc, BUTTON_BI_UNPRESSED, &bmSubAlarmClose);}

（4）返回主页

        GUI_EndDialog(pMsg->hWin, 0);MainCreate();

测试成功

3.HumDLG.c

（1）

extern GUI_CONST_STORAGE GUI_BITMAP bmSubHome;
extern GUI_CONST_STORAGE GUI_BITMAP bmSubHum;

（2）除去不需要的图

（3）Text初始化之后，图片改为自己绘制的图片

    hItem = WM_GetDialogItem(pMsg->hWin, ID_IMAGE_0);IMAGE_SetBitmap(hItem, &bmSubHum);

（4）Text初始化之后

    hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_0);BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmSubHome);

（5）按钮处理

        GUI_EndDialog(pMsg->hWin, 0);MainCreate();

测试

4.LedDLG.c

（1）图片导入

extern GUI_CONST_STORAGE GUI_BITMAP bmSubHome;
extern GUI_CONST_STORAGE GUI_BITMAP bmSubLedClose;
extern GUI_CONST_STORAGE GUI_BITMAP bmSubLedOpen;
static int status = 0;

（2）初始化之后，对数据的处理

    hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_0);if(status){BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmSubLedOpen);}else{BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmSubLedClose);}hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_1);BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmSubHome);

（3）图像转变

注意：放在按键抬起的位置，不用放过了

        status = !status;if(status){BUTTON_SetBitmap(pMsg->hWinSrc, BUTTON_BI_UNPRESSED, &bmSubLedOpen);}else{BUTTON_SetBitmap(pMsg->hWinSrc, BUTTON_BI_UNPRESSED, &bmSubLedClose);}

（4）返回主菜单

5.LightDLG.c

（1）导入图片

extern GUI_CONST_STORAGE GUI_BITMAP bmSubHome;
extern GUI_CONST_STORAGE GUI_BITMAP bmSubLight;

（2）删除不需要的图片，图片打印函数

（3）数据初始化后，对不同的组件进行处理

    hItem = WM_GetDialogItem(pMsg->hWin, ID_IMAGE_0);IMAGE_SetBitmap(hItem, &bmSubLight);
    hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_0);BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmSubHome);

（4）返回主页面

        GUI_EndDialog(pMsg->hWin, 0);MainCreate();

测试：

6.TempDLG.c

（1）加入图片

extern GUI_CONST_STORAGE GUI_BITMAP bmSubHome;
extern GUI_CONST_STORAGE GUI_BITMAP bmSubTemp;

（2）初始化text之后，不用以前的图片，用自己的图片

    hItem = WM_GetDialogItem(pMsg->hWin, ID_IMAGE_0);IMAGE_SetBitmap(hItem, &bmSubTemp);

（3）初始化text之后，不用以前的图片，用自己的图片

    hItem = WM_GetDialogItem(pMsg->hWin, ID_BUTTON_0);BUTTON_SetBitmap(hItem, BUTTON_BI_UNPRESSED, &bmSubHome);

（4）返回主界面

        GUI_EndDialog(pMsg->hWin, 0);MainCreate();

测试

全部演示：

上述每一步都有解释，视频拉不上来

add files与add files recursively区别？

add files是直接选择.c文件。

add files recursively可以选择文件夹。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/125033.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

每日刷题|回溯法解决全排列问题

每日刷题|回溯法解决全排列问题

​ 食用指南：本文为作者刷题中认为有必要记录的题目 前置知识：回溯法经典问题之组合 ♈️今日夜电波：爱人错过—告五人 1:11 ━━━━━━️💟──────── 4:52 …
阅读更多...
飞凌嵌入式受邀亮相2023中国国际数字经济博览会

飞凌嵌入式受邀亮相2023中国国际数字经济博览会

9月6日，由工信部、国家发改委和河北省人民政府共同主办的2023中国国际数字经济博览会在石家庄国际会展中心（正定）开幕，近500家参展企业携自家的“黑科技”展品集中亮相，赋能智慧应用新场景，为观众带来了一场…
阅读更多...
CG MAGIC分享3d Max中的Corona渲染器材质如何成转换VRay材质？

CG MAGIC分享3d Max中的Corona渲染器材质如何成转换VRay材质？

大家无论是使用Corona渲染器还是Vray渲染器时，进行材质问题时，都会遇到转化材质问题。 如何将CR转换成VR或者将VR转换CR材质呢？ 对于这两者之间转换最好最好的方法只能是材质转换器。 CG MAGIC小编，梳理了两种方法，大…
阅读更多...
最新基于Citespace、vosviewer、R语言的文献计量学可视化分析技术及全流程文献可视化SCI论文高效写作方法

最新基于Citespace、vosviewer、R语言的文献计量学可视化分析技术及全流程文献可视化SCI论文高效写作方法

文献计量学是指用数学和统计学的方法，定量地分析一切知识载体的交叉科学。它是集数学、统计学、文献学为一体，注重量化的综合性知识体系。特别是，信息可视化技术手段和方法的运用，可直观的展示主题的研究发展历程、研究现状、研究…
阅读更多...
Linux下的系统编程——认识进程（七）

Linux下的系统编程——认识进程（七）

前言： 程序是指储存在外部存储(如硬盘)的一个可执行文件, 而进程是指处于执行期间的程序, 进程包括 代码段(text section) 和 数据段(data section), 除了代码段和数据段外, 进程一般还包含打开的文件, 要处理的信号和CPU上下文等等.下面让我们开始对Linux进程有个…
阅读更多...
idea配置gitLab

idea配置gitLab

前言：网上有很多类似的文章，但描述不够详细 步骤1：安装git 如果安装成功再次点击TEST按钮展示如下：git版本 步骤2：idea配置gitlab 查看当前项目管理的 远程仓库再git的地址，该地址可是gitLab的&#xff0…
阅读更多...
算法通关村第11关【白银】| 位运算高频算法题

算法通关村第11关【白银】| 位运算高频算法题

一、移位的妙用 1.位1的个数 思路： 利用一个数和1与操作，结果就是最低位的特点，每次右移都能知道一位是不是1 public class Solution {// you need to treat n as an unsigned valuepublic int hammingWeight(int n) {int count 0;for(in…
阅读更多...
企业架构LNMP学习笔记15

企业架构LNMP学习笔记15

客户端缓存： B/S架构里，Browser是浏览器，就是客户端。 客户端缓存告知浏览器获取服务段的信息是在某个区间时间段是有效的。 每次请求从服务器拿一遍数据，数据没有变化，影响带宽，影响时间。刷新又要去加载…
阅读更多...
Vue3中快速简单使用CKEditor 5富文本编辑器

Vue3中快速简单使用CKEditor 5富文本编辑器

Vue3简单使用CKEditor 5 前言准备定制基础配置富文本配置目录当前文章demo目录结构 快速使用demo 前言 CKEditor 5就是内嵌在网页中的一个富文本编辑器工具 CKEditor 5开发文档（英文）：https://ckeditor.com/docs/ckeditor5/latest/index.htm…
阅读更多...
cartographer 学习

cartographer 学习

cartographer 学习 编译并运行代码 由于cartographer整体分成了两个包 一个是cartographer,不带ros的内容另一个是cartographer_ros，是已ros项目构建的 这样因为带了普通cmake的包，就没法使用catkin_make了，只能使用catkin_make_isolated …
阅读更多...
Scala面向对象编程（高级部分）

Scala面向对象编程（高级部分）

1. 静态属性和静态方法 （1）回顾Java中的静态概念 public static 返回值类型 方法名(参数列表) {方法体} 静态属性… 说明: Java中静态方法并不是通过对象调用的，而是通过类对象调用的，所以静态操作并不是面向对象的。 &#xff0…
阅读更多...
谈谈对OceanBase单机分布式一体化的思考

谈谈对OceanBase单机分布式一体化的思考

关于作者： 杨传辉，OceanBase CTO。2010 年作为创始成员之一加入 OceanBase 团队，主导了 OceanBase 历次架构设计和技术研发，从无到有实现 OceanBase 在蚂蚁集团全面落地。同时，他也主导了两次 OceanBase TPC-C 测试并打…
阅读更多...
管理类联考——数学——汇总篇——知识点突破——数据分析——计数原理——排列组合——成双

管理类联考——数学——汇总篇——知识点突破——数据分析——计数原理——排列组合——成双

🌊 配对问题的解题思路：配对问题主要以鞋子或者手套来作为命题对象，其核心在于成双不成双，对于成双问题，直接选取整双即可，对于不成双问题，要先取成双的，然后从每双中取单只即可。 …
阅读更多...
go语言学习笔记

go语言学习笔记

Go学习 一直想学一门新语言，难度又不想太大，C和Java都会但是不怎么精通，某天看到Go语言，好的，就是它了。总体来说，go语言的学习还是相对简单，有编程基础的入手很快。 简介 go是一种并发、带垃…
阅读更多...
【设计模式】一、设计模式七大原则

【设计模式】一、设计模式七大原则

文章目录 设计模式概述设计模式七大原则设计模式的目的设计模式七大原则1. 单一职责原则2. 接口隔离原则3. 依赖倒转(倒置)原则4. 里氏替换原则5. 开闭原则（Open-Closed Principle简称OCP原则）6. 迪米特法则7. 合成复用原则（Composite Reuse …
阅读更多...
ABB REF615C-D HCFFAEAGABC2BAA1XD控制继电器

ABB REF615C-D HCFFAEAGABC2BAA1XD控制继电器

多功能保护：REF615C-D 继电器具备多种保护功能，包括过流、短路、地故障、欠频、过频、欠电压、过电压等，可用于监测和保护电力系统中的设备。 通信能力：该继电器支持通信协议，如IEC 61850、Modbus等，使其能…
阅读更多...
YOLOv5算法改进（11）— 替换主干网络之EfficientNetv2

YOLOv5算法改进（11）— 替换主干网络之EfficientNetv2

前言：Hello大家好，我是小哥谈。EfficientNetV2是一个网络模型，旨在提供更小的模型和更快的训练速度。它是EfficientNetV1的改进版本。EfficientNetV2通过使用更小的模型参数和采用一种称为Progressive Learning的渐进学习策略来实现这一目标。…
阅读更多...
Benchmarking Chinese Text Recognition: Datasets, Baselines| OCR 中文数据集【论文翻译】

Benchmarking Chinese Text Recognition: Datasets, Baselines| OCR 中文数据集【论文翻译】

基础信息如下 https://arxiv.org/pdf/2112.15093.pdfhttps://github.com/FudanVI/benchmarking-chinese-text-recognition Abstract 深度学习蓬勃发展的局面见证了近年来文本识别领域的迅速发展。然而，现有的文本识别方法主要针对英文文本。作为另一种广泛使用的语…
阅读更多...
NIFI实现JSON转SQL并插入到数据库表中

NIFI实现JSON转SQL并插入到数据库表中

说明 本文中的NIFI是使用docker进行安装的，所有的配置参考：docker安装Apache NIFI 需求背景 现在有一个文件，里面存储的是一些json格式的数据，要求将文件中的数据存入数据库表中，以下是一些模拟的数据和对应的数据库…
阅读更多...
初试小程序轮播组件

初试小程序轮播组件

文章目录 一、轮播组件（一）swiper组件1、功能描述2、属性说明 （二）swiper-item组件1、功能描述2、属性说明 二、案例演示（一）运行效果（二）实现步骤1、创建小程序项目2、准备图片素材…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023