STemWin专题--鼠标飞色彩舞

最新推荐文章于 2022-08-22 16:35:58 发布
最新推荐文章于 2022-08-22 16:35:58 发布
阅读量296 收藏
点赞数
分类专栏： STemWin 图形化界面设计 emwin 文章标签： java c++ python linux 嵌入式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46022765/article/details/106236973
版权

STemWin图形化界面设计专题

STemWin专题–鼠标飞色彩舞

今天，我们来点好玩的。废话少说，直接开捶~~~

1、把之前下载好的文件打开（下载链接：https://www.segger.com/downloads/embedded-studio#ESforARM）
在这里插入图片描述
2、下载好后，以VC++运行这个工作区
在这里插入图片描述
3、在该文件的相应处修改程序
在这里插入图片描述
4、首先，定义一个数组，里面有五种颜色

GUI_COLOR _acColor[5] = {GUI_BLUE,GUI_RED,GUI_YELLOW,GUI_GREEN,GUI_WHITE};

5、定义一个变量，用于五种颜色的切换。

static unsigned char ucBackColor;			//(2)定义变量，用于五种颜色的切换



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}

};

6、在WM_PAINT消息中实现重绘，用于实现对话框用户区的颜色重绘

void PaintDialog(WM_MESSAGE * pMsg)
{
	WM_HWIN hWin = pMsg->hWin;
	GUI_SetBkColor(_acColor[ucBackColor]);//(3)在WM_PAINT消息中实现重绘，用于实现对话框用户区的颜色重绘
	GUI_Clear();
}

7、初始化对话框中的控件，初始化了FraneWin

void InitDialog(WM_MESSAGE * pMsg)
{
	WM_HWIN hWin = pMsg->hWin;			//(4)初始化对话框中的控件，初始化了FraneWin

	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);

	ucBackColor = 0;					//(5)初始化背景颜色的初始值

}

8、功能：指针输入设备接触到窗口轮廓时发送到窗口，仅在启用鼠标支持时发送在消息里面切换对话框的背景色变量

static void _cbCallback(WM_MESSAGE * pMsg)
{
	int NCode, Id;
	WM_HWIN hWin = pMsg->hWin;
	switch (pMsg->MsgId)
	{
	case WM_MOUSEOVER:					//(6)功能：指针输入设备接触到窗口轮廓时发送到窗口，仅在启用鼠标支持时发送
		ucBackColor++;					//在消息里面切换对话框的背景色变量
		if(ucBackColor ==5)
		{
			ucBackColor = 0;
		}
		WM_InvalidateWindow(hWin);
		break;

	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;
		}
		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);
}
}

9、修改MainTask()函数中代码

void MainTask(void )
{
	GUI_Init();
	WM_SetDesktopColor(GUI_WHITE);
	WM_SetCreateFlags(WM_CF_MEMDEV);

	PROGBAR_SetDefaultSkin(PROGBAR_SKIN_FLEX);
	FRAMEWIN_SetDefaultSkin(FRAMEWIN_SKIN_FLEX);
	PROGBAR_SetDefaultSkin(PROGBAR_SKIN_FLEX);
	BUTTON_SetDefaultSkin(BUTTON_SKIN_FLEX);
	CHECKBOX_SetDefaultSkin(CHECKBOX_SKIN_FLEX);
	DROPDOWN_SetDefaultSkin(DROPDOWN_SKIN_FLEX);
	SCROLLBAR_SetDefaultSkin(SCROLLBAR_SKIN_FLEX);
	SLIDER_SetDefaultSkin(SLIDER_SKIN_FLEX);
	HEADER_SetDefaultSkin(HEADER_SKIN_FLEX);
	RADIO_SetDefaultSkin(RADIO_SKIN_FLEX);

	GUI_ExecDialogBox(_aDialogCreate,GUI_COUNTOF(_aDialogCreate),&_cbCallback,0,0,0);

}

以上代码都是写到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"

GUI_COLOR _acColor[5] = {GUI_BLUE,GUI_RED,GUI_YELLOW,GUI_GREEN,GUI_WHITE};
											//(1)定义数组，里面存放颜色
static unsigned char ucBackColor;			//(2)定义变量，用于三种颜色的切换


//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;
	GUI_SetBkColor(_acColor[ucBackColor]);//(3)在WM_PAINT消息中实现重绘，用于实现对话框用户区的颜色重绘
	GUI_Clear();
}

void InitDialog(WM_MESSAGE * pMsg)
{
	WM_HWIN hWin = pMsg->hWin;			//(4)初始化对话框中的控件，初始化了FraneWin

	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);

	ucBackColor = 0;					//(5)初始化背景颜色的初始值

}

static void _cbCallback(WM_MESSAGE * pMsg)
{
	int NCode, Id;
	WM_HWIN hWin = pMsg->hWin;
	switch (pMsg->MsgId)
	{
	case WM_MOUSEOVER:					//(6)功能：指针输入设备接触到窗口轮廓时发送到窗口，仅在启用鼠标支持时发送
		ucBackColor++;					//在消息里面切换对话框的背景色变量
		if(ucBackColor ==5)
		{
			ucBackColor = 0;
		}
		WM_InvalidateWindow(hWin);
		break;

	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;
		}
		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);

	PROGBAR_SetDefaultSkin(PROGBAR_SKIN_FLEX);
	FRAMEWIN_SetDefaultSkin(FRAMEWIN_SKIN_FLEX);
	PROGBAR_SetDefaultSkin(PROGBAR_SKIN_FLEX);
	BUTTON_SetDefaultSkin(BUTTON_SKIN_FLEX);
	CHECKBOX_SetDefaultSkin(CHECKBOX_SKIN_FLEX);
	DROPDOWN_SetDefaultSkin(DROPDOWN_SKIN_FLEX);
	SCROLLBAR_SetDefaultSkin(SCROLLBAR_SKIN_FLEX);
	SLIDER_SetDefaultSkin(SLIDER_SKIN_FLEX);
	HEADER_SetDefaultSkin(HEADER_SKIN_FLEX);
	RADIO_SetDefaultSkin(RADIO_SKIN_FLEX);

	GUI_ExecDialogBox(_aDialogCreate,GUI_COUNTOF(_aDialogCreate),&_cbCallback,0,0,0);

}

10、运行图像如下
在这里插入图片描述
11、这样就可以啦！~希望能帮到大家。开捶！！！（ps：大家可以尝试着捶其它自己喜欢的颜色，发挥自己的现象去捶它）

蛤荖肥螺
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
STemWin专题-控件设计
weixin_46022765的博客
05-15 1099
STemWin图形化界面设计专题 STemWin-控件设计 如果你是个小白，你即将对STemWin这方面进行一个开发，你需要先初始化一些东西，就是所谓的学前准备工作，也是对软件的一个基本配置。 软件的基本配置 对于软件，我个人选择的是MDK，基于是哪个版本，大家最好是选用keil474以上版本，基本上keil的高版本都是对下层的版本基本兼容。 对于keil，相信很多人在开发学习51的时候都是首选的keil，在keil这个软件中，或许有很多人，会被keil下过很多个坑，在这里我就不带一些个人情绪， 我们直接开
STemWin专题--图形化窗口的简单制作
weixin_46022765的博客
05-19 2908
STemWin图形化界面设计专题 STemWin专题–图形化窗口的简单制作 1、首先，你需要设置一个窗口，窗口设计的软件在KEIL（MDK）的安装目录路径下。 我的是这个路径，每个版本安装目录都大同小异，这里大家可以找找看。 2、直接去到之前你安装目录keil（MDK）的路径下找到GUIBuider应用程序（以下是我的安装路径） 3、打开设计窗口 添加对话框控件 4、修改对话框大小800*480 5、右键选择Set Font，设置字体大小 6、右键Set title text 修改对话窗口文本
V6-911_STemWin提高篇实验_智能家居主界面设计（FreeRTOS）
01-01
智能家居主界面设计（FreeRTOS)，基于FreeRTOS的设计，包括源码
stemwin表盘指针平滑处理
04-21
stemwin表盘指针平滑处理，模拟器可以仿真,STM32F1测试效果不好，可能刷新问题，F4没有测试，大家可以测试下，大家有更好的方案可以交流。
STemWin专题-文本绘制模式
weixin_46022765的博客
05-16 189
STemWin图形化界面设计专题 STemWin-文本绘制模式 根据上一讲的STemWin专题讲到的简单文本显示，现在我们开始一步步推进，废话少说，开捶~~~ 1、把之前下载好的文件打开 2、下载好后，以VC++运行这个工作区 3、在该文件的相应处修改程序 4、把以下代码替换到该函数void MainTask(void){}下 GUI_Init(); GUI_SetFont(&GUI_Font8x16); GUI_SetBkColor(GUI_RED); GUI_Clear(); GU
STM32基于RT-thread3.1.3移植STemWin工程代码
01-01
STM32基于RTThread3.1.3 nano版本移植STemwin5.32，大部分人在使用RTthread时移植STemWin时卡在GUI_X_OS.c文件配置上，网上资源基本上是基于ucos或者freeRTOS移植，这里把它提供出来，硬件基于ILI9488 320*480屏幕
STM32F407VET-STemWin-ILI9341.zip
09-21
SPI接口的LCD控制代码。STM32F407VET-STemWin-ILI9341-SPI。 STM32F407VET LCD安装说明
STM32F746-FreeRTOS-STemWin-SDCard-QSPI-UART模板
12-25
STM32F746-FreeRTOS-STemWin-SDCard-QSPI-UART模板，自己建的工程，分组明确，非CUBE生成，测试通过，显示触摸都正常，有中文注释
STM32F1XX-STemWin
12-22
STM32-STemWin的开发指南，帮助大家了解和学习STemWin的开发环境
安富莱STM32开发板资料+STemWin教程1-60期.rar
07-18
安富莱STM32开发板资料+STemWin教程1-60期，配合安富莱开发板，能够很快由浅入深学习gui，还有其他资料点进我的空间找 如果想要程序已放上去，点击https://download.csdn.net/download/weixin_43054047/11384493
STemwin窗口切换
05-23
使用STM32开发板，移植UCOS的操作系统进行Temwin进行窗口切换，
移植STemwin5.44版本遇到的问题及解决记录
ZML的博客
01-11 1049
之前需要生成二维码，但是原来的emwin5.22版本不支持，所以移植到5.44版本。 5.44版本正常移植，可以参考野火的PDF文档，或者原子的PDF文档。不多赘述。本来以为移植对应的头文件，配置参数等，自然而然都会一切顺利，可以正常操作UI界面， 可是出现一个问题：TFT2.4寸屏幕 320*240分辨率， 1、如果是竖屏显示时，触摸坐标都是正确的。 2、如果改为横屏显示，左右滑动X轴，实际屏幕显示Y轴上下触摸鼠标移动（通过添加鼠标显示测试GUI_CURSOR_Show();）。 上下滑动Y轴，实际屏幕
emwin graph 实时显示
likeping的专栏
08-22 466
emwin graph 实时显示
emWin使用遇到的问题以及解决办法
deti5753的博客
04-11 1216
问题一：在动态显示文本/数字的时候发现，显示对象闪烁 　　分析及解决办法：窗口管理器的默认特性是向每个需要重绘的窗口发送一条WM_PAINT 消息。这会导致闪烁效果。为抑制这些‘每个窗口’的闪烁效果，可为重绘操作自动使用内存设备。方法为，在创建窗口时设置标记WM_CF_MEMDEV 、使用函数WM_SetCreateFlags() 设置默认创建标记， 或使用函数WM_EnableMem...
关于emWin下png图片显示运行出错的问题
deti5753的博客
04-17 579
我需要在屏幕创建了一个窗口，在窗口下创建TEXT控件显示一个动态的数字，为了避免刷新是闪烁，在主函数里添加代码： WM_SetCreateFlags(WM_CF_MEMDEV); 但是添加了之后背景图片却显示不了(不添加上面函数图片显示正常)，运行报错提示：GUI_PNG.c:Error in _png_cexcept_errot().详细代码如下： #inclu...
stemwin数值显示学习笔记
shenlong1356的博客
05-05 909
指定位置显示数值 GUI_DispDecAt(200,x,y,3); //显示数值200 指定位置显示浮点数值 GUI_GotoXY(x+150,y+20); //移动光标 GUI_DispFloat(49.35,5); //显示浮点数49.35 /先定位光标位置然后...
stemwin 实现显示屏幕滑动
芯创博客
04-04 4074
最近在借助一个项目学习使用emwin的使用，xia显示屏用的19264，显示的数据有限，无法shix实现一页全部显示出来，想着可以通过聚焦的控件判断是否需要翻页。zhuy主要思路是：创建父窗口（父窗口尺寸192*64），然后创建子窗口（子窗口尺寸192*120）。这样youy有一部小工具会超出物理显示尺寸，在qieh切换焦点时判断当前聚焦的小工具，然后实现翻页。 一。创建父窗口和子窗口，设置窗口...
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图形库移植与运用(基于STM32)(完成QQ界面设计、局域网聊天)
06-15 9996
一、环境介绍 小车主控MCU: STM32F103ZET6 STM32程序开发IDE: keil5 STM32程序风格: 采用寄存器方式开发，注释齐全，执行效率高，方便移植 硬件包含:一块STM32F103ZET6开发板、一个3.5寸TFT电阻触摸显示屏(使用的是正点原子的3.5寸电阻触摸屏) 工程完整源码下载地址:https://download.csdn.net/download/xiaolong1126626497/19671518 前言：STemwin图形界面库比较吃内...
stm32f401-spi接口-ili9341-stemwin1.2.0
最新发布
11-03
StemWin1.2.0则是一款图形库软件包，可以在嵌入式系统中实现图形用户界面(GUI)。它为开发者提供了丰富的图形绘制和交互功能，例如按钮、文本框、图像等，可以为用户提供更好的操作体验。 在使用这些组件时，首先...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值