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

news2024/10/5 16:21:45

使用软件：

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();                     //初始化emWin
    CreateWindow();                 //创建窗体,父窗体是桌面背景
    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.coloradmin.cn/o/973420.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

【数据分析】用Python秒懂概率分布！（附完整Python代码实现）

【数据分析】用Python秒懂概率分布！（附完整Python代码实现）

本文涉及的概念分布包括： 随机变量(Random Variable) 密度函数(Density Functions) 伯努利分布(Bernoulli Distribution) 二项式分布(Binomial Distribution) 均匀分布(Uniform Distribution) 泊松分布(Poisson Distribution) 正态分布(Normal Distribution) …
阅读更多...
飞行动力学 - 第16节-part3-飞机重心范围 之 基础点摘要

飞行动力学 - 第16节-part3-飞机重心范围 之 基础点摘要

飞行动力学 - 第16节-part3-飞机重心范围 之 基础点摘要 1.飞机允许的重心范围2. 重心后限3. 重心前限4. 重心范围与平尾面积的剪刀图5. 参考资料 1.飞机允许的重心范围 从稳定性角度，重心应尽可能位于中性点 N 0 N_0 N0​之前；从操纵性角度&#xff0c…
阅读更多...
java八股文面试[数据库]——mysql主从复制

java八股文面试[数据库]——mysql主从复制

什么是mysql的主从复制？ MySQL 主从复制是指数据可以从一个MySQL数据库服务器主节点复制到一个或多个从节点。MySQL 默认采用异步复制方式，这样从节点不用一直访问主服务器来更新自己的数据，数据的更新可以在远程连接上进行，从节点…
阅读更多...
SEAN代码(2)

SEAN代码(2)

输入image，label分别经过生成器和判别器。 经过生成器计算的是损失和产生的图片。并且在内部损失进行反向传播，优化器进行更新。 在pix2pix_model内部：首先对输入数据进行预处理。 def preprocess_input(self, data):# move to GPU and ch…
阅读更多...
【C++进阶(四)】STL大法--list深度剖析list迭代器问题探讨

【C++进阶(四)】STL大法--list深度剖析list迭代器问题探讨

💓博主CSDN主页:杭电码农-NEO💓   ⏩专栏分类:C从入门到精通⏪   🚚代码仓库:NEO的学习日记🚚   🌹关注我🫵带你学习C   🔝🔝 链表list 1. 前言2. list的使用2.1 list的构造函…
阅读更多...
小企业数字化经营模式是什么？

小企业数字化经营模式是什么？

小型企业的数字化经营模式是指这些企业如何利用数字技术和互联网来创造、交付和获取价值。数字化极大地影响了小型企业的运营方式、与客户的互动以及开展业务的方式。以下是小型企业数字化经营模式的一些关键组成部分： 1.在线形象和品牌：通过网站、社交…
阅读更多...
【机器视觉】喇叭的外圆以及金属内圆的同心度视觉检测--康耐德智能

【机器视觉】喇叭的外圆以及金属内圆的同心度视觉检测--康耐德智能

客户的需求 检测内容 喇叭的外圆以及金属内圆的同心度测量 检测要求 精度0.02mm，速度没要求，抽检产品。 评估 视觉可行性分析 对贵司的样品进行了光学实验，并进行图像处理，原则上可以使用机器视觉进行测试测量。 结果 对所有样…
阅读更多...
【TI毫米波雷达笔记】SOC外设中断监听功能（Listen）初始化配置及驱动（以IWR6843AOP为例）

【TI毫米波雷达笔记】SOC外设中断监听功能（Listen）初始化配置及驱动（以IWR6843AOP为例）

【TI毫米波雷达笔记】SOC外设中断监听功能&#xff08;Listen&#xff09;初始化配置及驱动&#xff08;以IWR6843AOP为例&#xff09; #include <ti/drivers/soc/soc.h>SOC初始化以后 可以配置监听以配置中断回调来查看当前运行情况&#xff1a; 采用函数SOC_register…
阅读更多...
书单怎么制作？有哪些技巧和注意事项？

书单怎么制作？有哪些技巧和注意事项？

书单是指将自己喜欢的书籍、影视作品等进行整理和推荐&#xff0c;供他人参考的清单。它可以是一个人的私人书单&#xff0c;也可以是一个团队或者社群共享的书单&#xff0c;我们在一些短视频媒体上应该都有看到过一些制作的书单视频分享&#xff0c;那么如果我们也想上传书单…
阅读更多...
7 个适合初学者的项目，可帮助您开始使用 ChatGPT

7 个适合初学者的项目，可帮助您开始使用 ChatGPT

推荐&#xff1a;使用 NSDT场景编辑器快速搭建3D应用场景 从自动化日常任务到预测复杂模式&#xff0c;人工智能正在重塑行业并重新定义可能性。 当我们站在这场人工智能革命中时&#xff0c;我们必须了解它的潜力并将其整合到我们的日常工作流程中。 然而。。。我知道开始使…
阅读更多...
【真题解析】系统集成项目管理工程师 2023 年上半年真题卷（案例分析）

【真题解析】系统集成项目管理工程师 2023 年上半年真题卷（案例分析）

本文为系统集成项目管理工程师考试(软考) 2023 年上半年真题（全国卷），包含答案与详细解析。考试共分为两科，成绩均 ≥45 即可通过考试： 综合知识（选择题 75 道，75分）案例分析（问答题 4 道，75分）案例分析（问答题*4）试题一试题二试题三试题四案例分析（问答题*4） …
阅读更多...
SwiftUI实现iPad多任务分屏

SwiftUI实现iPad多任务分屏

1. 概述 iPadOS引入了多任务分屏功能&#xff0c;使用户能够同时在一个屏幕上使用多个应用程序。这为用户提供了更高效的工作环境&#xff0c;可以在同一时间处理多个任务。 iPad多任务分屏有两种常见的模式&#xff1a;1/2分屏和Slide Over&#xff08;滑动覆盖&#xff09;…
阅读更多...
sentinel blockHandler不生效

sentinel blockHandler不生效

sentinel blockHandler不生效: package org.bc.sentinel.controller;import com.alibaba.csp.sentinel.annotation.SentinelResource; import com.alibaba.csp.sentinel.slots.block.BlockException; import org.apache.commons.lang3.RandomUtils; import org.springfram…
阅读更多...
blender 场景灯光基础设置

blender 场景灯光基础设置

在 blender 中&#xff0c;打光分为两个部分&#xff0c;一个是世界光&#xff0c;一个是场景光&#xff1b; 世界光&#xff1a; 世界光&#xff1a;在 Blender 中&#xff0c;世界光指的是用于设置场景整体照明的环境光。它可以通过调整颜色、强度、阴影等参数来影响场景的…
阅读更多...
JAVA：错误: 找不到或无法加载主类 xx.xx.xx类

JAVA：错误: 找不到或无法加载主类 xx.xx.xx类

报错图片&#xff1a; 报错原因&#xff1a; 加载是没有定义项目的根目录或主要代码的位置。这个根目录是整个项目的起点&#xff0c;包含了所有的源代码文件和其他必要的资源文件 解决方法&#xff1a;定义根目录
阅读更多...
449. 序列化和反序列化二叉搜索树

449. 序列化和反序列化二叉搜索树

诸神缄默不语-个人CSDN博文目录 力扣刷题笔记 Python3版代码提示&#xff1a; # Definition for a binary tree node. # class TreeNode: # def __init__(self, x): # self.val x # self.left None # self.right None# Your Codec object will…
阅读更多...
Promise 解决 Vue 中父子组件的加载问题！

Promise 解决 Vue 中父子组件的加载问题！

前言 关于Promie我这里就不多解释了&#xff0c;不懂得可以看看官方文档。下面文章重点介绍项目中遇到的问题解决方法。 需求 组件b初始化某个用到的库&#xff0c;只有在初始化完成后才能调用其API&#xff0c;不然会报错。a页面负责调用。 // a.vue <template><d…
阅读更多...
微服务架构基础--第4章Spring Boot核心功能2

微服务架构基础--第4章Spring Boot核心功能2

第4章Spring Boot核心功能2 一.预习笔记 1.静态资源访问 1-1&#xff1a;resource下的static文件夹会被视为默认的根目录&#xff08;默认静态资源文件夹&#xff09; 1-2&#xff1a;index.html是SpringBoot的默认首页(默认配置了的) 1-3&#xff1a;修改网页logo&#xf…
阅读更多...
文件上传漏洞全面渗透姿势

文件上传漏洞全面渗透姿势

0x00 文件上传场景 (本文档只做技术交流) 文件上传的场景真的随处可见&#xff0c;不加防范小心&#xff0c;容易造成漏洞&#xff0c;造成信息泄露&#xff0c;甚至更为严重的灾难。 比如某博客网站评论编辑模块&#xff0c;右上角就有支持上传图片的功能&#xff0c;提交带…
阅读更多...
飞行动力学 - 第17节-part2-机翼对航向静稳定性的影响 之 基础点摘要

飞行动力学 - 第17节-part2-机翼对航向静稳定性的影响 之 基础点摘要

飞行动力学 - 第17节-part2-机翼对航向静稳定性的影响 之 基础点摘要 1. 上反角贡献2. 后掠角贡献3. 机身贡献4. 参考资料 1. 上反角贡献 总体来说&#xff0c;略微降低稳定性。 2. 后掠角贡献 总体来说&#xff0c;略微增加稳定性。 3. 机身贡献 机身也是降低航向静稳定性&…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023