DevC++ easyx实现地图拖动，超过屏幕大小的巨大地图的局部显示在屏幕的方法——用悬浮窗的原理来的实现一个视口

2023-12-24 22:01
文章标签 c++ 实现 大小 方法 显示 原理 地图 easyx 屏幕 悬浮 超过 dev 巨大 拖动 局部 视口

本文主要是介绍DevC++ easyx实现地图拖动，超过屏幕大小的巨大地图的局部显示在屏幕的方法——用悬浮窗的原理来的实现一个视口，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

原来是流量券还有，觉得放以前的帖子效果也就如此如此了。

想着看看整个新的帖子，看看还有啥靠谱的历史代码，能整点新意不？

于是就借着之前的悬浮窗代码往后看，发现这个代码的谱系还有几个后续分支，就挑了一个视口的来讲讲。

基本原理也是和悬浮窗一样。都是复制粘贴，直观讲就是还得拖动，更新屏幕，就逃不掉复制粘贴。

可要说起历史来，就是另一码事情了，原来是想着做一个像素游戏，复刻元气骑士，但是遇到的难题就是如何把超过屏幕大小的地图放进屏幕里？当时也就着一周也想不明白。然后由于还在搓绘图板，这个绘图板就是

EasyxDevC++开发地图编辑和游戏编辑代码工程文件附注释_哔哩哔哩_bilibili

这个视频里面展示的黄黄绿绿的黑白像素画板。

当时还得追溯到高三，想用Unity做游戏，结果教程看一半做不动了，出bug解决不了。unity自己内置的瓦片地图笔刷找不到了。就寄了。后来就想着能不能自己复刻一下这个笔刷功能，大一上查代码，无果，大一下学期才找到一个叫easyx的图形库，又翻了翻他的官网，才找见DevC++里内置好的easyx图形库的安装包。这才解决工具的问题。然后就是立即启动绘图板复刻，untiy既然能出来这个绘图板，就一定有方法实现。

当时是项目启动了两周，在解决悬浮窗问题上用来两周，2023年4月15号启动，4月22号解决小矩形网格生成绘制不重叠像素问题，然后就一阵沉寂，实际上就是4月22号实现功能后，去进行新的开发，就到了悬浮窗开发阶段，产生悬浮窗复制粘贴的想法用了一周，这一周就是想着图片复制粘贴，图片拖动之后，原来位置恢复原状的问题，其实就是怎么恢复原状这个问题卡住好久。悬浮图片是存到一个变量里不会更改，但是恢复原状，又要怎么恢复呢?当时穷举出来就是白色背景直接放白色矩形框，谁也看不出来是新的还是旧的，在后来遇到复杂图形了，要是沿用原位置覆盖，就得想办法获取贴图之前的原位置，就是想办法在粘贴新的图片之前拿到原位置的图，就是复制在将要粘贴的位置的图片，然后再把新的图片粘贴进去，然后才有了上一篇的悬浮窗的原理：“放置原像，扫描保存，粘贴新像”，然后改bug封装适配，又用了一周。

主要当时坑点就是不能确定怎么恢复原状，原来想着是整个程序背景刷新，但是后来觉得消耗内存太大，就想想能不能不刷新全部背景。结果就直接把原图覆盖了，大概就是改bug，测试想法，其中有个bug应该就是鼠标一点击，把图片给覆盖没了，实际上就是悬浮窗上画了一个矩形。然后才有了后续的，这个矩形除了白色还能怎么来的，矩形的覆盖顺序又是怎么确定的，大概穷举了几次，遇到几个图片覆盖没了的bug，才确定一个悬浮窗拖动循环的必须有的内容。

这才是解决拖动悬浮图片的问题的真相。

这次实现一个的视口效果如图

注意两幅图对角线的位置变化了

可以看出来背景就是大地图，这里变化的对角线就是大地图的一部分。

当时开发视口，是解决了图像拖动，不影响背景图片的问题，这次是图像拖动，解决目标图片显示内容的问题。

这个灵光一现，大概是计算拖动坐标得来的，就是鼠标向下移动10个像素，图片也向下移动十个像素，但是对着刚才的屏幕，可以看见，图片上方的像素多了，继续描述就是，我们看到图片上方的东西却多了，目测这多了的部分的像素，才意识到多出来的部分和鼠标拖动的部分应该相同。

实际上就是图片的展示部分反而向上移动了。比原来展示的部分高了10个像素。

这个时候，其实代码方面还是停留在悬浮窗阶段，只是这个悬浮窗的大小和屏幕一样大，相当于复制了一份地图，拖着大地图悬浮窗。

现在可以恍然大悟，，如果我缩小图片的采样范围，然后把采样的小图片贴到屏幕上，只通过这个小窗口来复制大地图部分，根据鼠标移动方向相反的距离继续复制大地图，粘贴到屏幕上，就相当于是有一个矩形相框，只能在相框内拖动相框下面的纸片，然后把相框截屏得到的东西贴到桌面上，如此类似于一个手术遮罩。

这样在映射到代码，就着原来悬浮窗的经验继续穷举方法，就是悬浮窗复制的部分变成大地图的部分，悬浮窗不再移动。采样旧图，不恢复原貌，因为根本没有移动，粘贴新图，刚好覆盖了原貌。

 不多说，先复制粘贴代码，该代码来自:15.1大地图移动.............

看和屏幕大小的悬浮窗。左键长按图片可以拖动。也可以通过对比看出来，这就是之前封装的.h文件，是先有的这个代码对比绘图板需求来封装，然后才复制粘贴，这样移植到.h文件，成为模块的。

#include<stdio.h>
#include<conio.h>
#include<graphics.h>
#include<windows.h>
struct pircle {IMAGE img2;IMAGE img3;const int orilx=0,orily=0;int nowlx=0,nowly=0;const int a=1500,h=1500;
//	原有图片的左上角坐标int m1x=0,m1y=0;int  putflag=0;int  drawflag=0;} save;void check(struct ExMessage m,struct pircle *save,IMAGE ak) {printf("putflag = %d\n",save->putflag);printf("%d %d\n",m.x,m.y);printf("%d %d\n",save->nowlx,save->nowly);if(save->putflag==true) {BeginBatchDraw();putimage(save->nowlx,save->nowly,&save->img3);save->nowlx=save->nowlx+m.x-save->m1x;save->nowly=save->nowly+m.y-save->m1y;save->m1x=m.x;save->m1y=m.y;getimage(&save->img3,save->nowlx,save->nowly,save->a,save->h);putimage(save->nowlx,save->nowly,&save->img2);EndBatchDraw();//			一次绘图出来，没有屏闪了}switch(m.message) {case WM_LBUTTONDOWN:if(m.x>save->nowlx&&m.x<save->nowlx+save->a&&m.y>save->nowly&&m.y<save->nowly+save->h) {save->putflag=true;
//					启动批复制粘贴
//				getimage(&save->img2,save->nowlx,save->nowly,save->a,save->h);save->img2=ak;save->m1x=m.x;save->m1y=m.y;}break;case WM_LBUTTONUP:save->putflag=0;break;}}int main() {// 初始化绘图窗口initgraph(640, 480);IMAGE ak(1500,1500);IMAGE b;SetWorkingImage(&ak);setbkcolor(BLUE);cleardevice();setlinecolor(BLACK);rectangle(0,0,1499,1499);line(0, 0, 800, 1400);getimage(&b,0,0,150,150);SetWorkingImage();putimage(0,0,&ak);ExMessage m;while(1) {m=getmessage(EX_MOUSE);check(m,&save,ak);}_getch();closegraph();
}

 

然后缩小采样大小，在指定固定位置粘贴

 

 

 对比代码可以知道数字变化，正负变化。

但是还有个bug，就是像刮刮乐一样的两个对角线在视口里，需要完全拖出图片再拖回来才能清空旧的对角线

bug穷举分析，目前没来得及还不能确定。

 先放效果代码

#include<stdio.h>
#include<conio.h>
#include<graphics.h>
#include<windows.h>
struct pircle {IMAGE img2;IMAGE img3;const int orilx=0,orily=0;int nowlx=0,nowly=0;const int a=300,h=300;
//	原有图片的左上角坐标int m1x=0,m1y=0;int  putflag=0;int  drawflag=0;} save;void gameplace(IMAGE *ak) {SetWorkingImage(ak);setbkcolor(BLUE);cleardevice();setlinecolor(BLACK);rectangle(0,0,1499,1499);line(0, 0, 800, 1400);}
struct showplace{int x=100;int y=100;int a=300;int h=300;
}show; void check(struct ExMessage m,struct pircle *save,IMAGE ak,struct showplace *show) {printf("putflag = %d\n",save->putflag);printf("%d %d\n",m.x,m.y);printf("%d %d\n",save->nowlx,save->nowly);if(save->putflag==true) {SetWorkingImage();getimage(&save->img3,show->x,show->y,show->a,show->h);BeginBatchDraw();SetWorkingImage(&ak);putimage(save->nowlx,save->nowly,&save->img3);save->nowlx=save->nowlx-(m.x-save->m1x);save->nowly=save->nowly-(m.y-save->m1y);save->m1x=m.x;save->m1y=m.y;getimage(&save->img2,save->nowlx,save->nowly,save->a,save->h);//		putimage(save->nowlx,save->nowly,&save->img2);SetWorkingImage();putimage(show->x,show->y,&save->img2);EndBatchDraw();//			一次绘图出来，没有屏闪了}switch(m.message) {case WM_LBUTTONDOWN:if(m.x>show->x&&m.x<show->x+show->a&&m.y>show->y&&m.y<show->y+show->h) {save->putflag=true;
//					启动批复制粘贴SetWorkingImage(&ak);getimage(&save->img2,save->nowlx,save->nowly,save->a,save->h);
//				save->img2=ak;save->m1x=m.x;save->m1y=m.y;SetWorkingImage();}break;case WM_LBUTTONUP:save->putflag=0;break;}}int main() {// 初始化绘图窗口initgraph(640, 480);IMAGE ak(1500,1500);IMAGE b;gameplace(&ak);SetWorkingImage();putimage(0,0,&ak);setlinecolor(BLACK);rectangle(show.x,show.y,show.x+show.a,show.y+show.h);ExMessage m;while(1) {m=getmessage(EX_MOUSE);check(m,&save,ak,&show);}_getch();closegraph();
}

 

 

 没有破案，但是刚刚解决了bug,把其中一行代码注释掉

注意check函数里有一行注释，“奇妙的bug......"

 

#include<stdio.h>
#include<conio.h>
#include<graphics.h>
#include<windows.h>
struct pircle {IMAGE img2;IMAGE img3;const int orilx=0,orily=0;int nowlx=0,nowly=0;const int a=300,h=300;
//	原有图片的左上角坐标int m1x=0,m1y=0;int  putflag=0;int  drawflag=0;} save;void gameplace(IMAGE *ak) {SetWorkingImage(ak);setbkcolor(BLUE);cleardevice();setlinecolor(BLACK);rectangle(0,0,1499,1499);line(0, 0, 800, 1400);}
struct showplace{int x=100;int y=100;int a=300;int h=300;
}show; void check(struct ExMessage m,struct pircle *save,IMAGE ak,struct showplace *show) {printf("putflag = %d\n",save->putflag);printf("%d %d\n",m.x,m.y);printf("%d %d\n",save->nowlx,save->nowly);if(save->putflag==true) {SetWorkingImage();getimage(&save->img3,show->x,show->y,show->a,show->h);BeginBatchDraw();SetWorkingImage(&ak);
//		putimage(save->nowlx,save->nowly,&save->img3);
//		取消注释，就有奇妙的bug实现了刮刮乐效果 save->nowlx=save->nowlx-(m.x-save->m1x);save->nowly=save->nowly-(m.y-save->m1y);save->m1x=m.x;save->m1y=m.y;getimage(&save->img2,save->nowlx,save->nowly,save->a,save->h);//		putimage(save->nowlx,save->nowly,&save->img2);SetWorkingImage();putimage(show->x,show->y,&save->img2);EndBatchDraw();//			一次绘图出来，没有屏闪了}switch(m.message) {case WM_LBUTTONDOWN:if(m.x>show->x&&m.x<show->x+show->a&&m.y>show->y&&m.y<show->y+show->h) {save->putflag=true;
//					启动批复制粘贴SetWorkingImage(&ak);getimage(&save->img2,save->nowlx,save->nowly,save->a,save->h);
//				save->img2=ak;save->m1x=m.x;save->m1y=m.y;SetWorkingImage();}break;case WM_LBUTTONUP:save->putflag=0;break;}}int main() {// 初始化绘图窗口initgraph(640, 480);IMAGE ak(1500,1500);IMAGE b;gameplace(&ak);SetWorkingImage();putimage(0,0,&ak);setlinecolor(BLACK);rectangle(show.x,show.y,show.x+show.a,show.y+show.h);ExMessage m;while(1) {m=getmessage(EX_MOUSE);check(m,&save,ak,&show);}_getch();closegraph();
}

 

但是还没解决一开始屏幕上的对角线，只有点击之后，对角线才被覆盖。

按照上次悬浮窗的办法就是先覆盖一次。

复制粘贴就能跑，ctrl+右键实现拖动。刮刮乐效果解决方案还是注释掉check函数里某一行相同的代码。

#include<stdio.h>
#include<conio.h>
#include<graphics.h>
#include<windows.h>
struct pircle {IMAGE img2;IMAGE img3;const int orilx=0,orily=0;int nowlx=0,nowly=0;const int a=300,h=300;
//	原有图片的左上角坐标int m1x=0,m1y=0;int  putflag=0;int  drawflag=0;} save;struct showplace {int x=100;int y=100;const int a=300;const int h=300;} show;
void gameplace(IMAGE *ak) {SetWorkingImage(ak);setbkcolor(BLUE);cleardevice();setlinecolor(BLACK);rectangle(0,0,1499,1499);line(0, 0, 800, 1400);}void check(struct ExMessage m,struct pircle *save,IMAGE ak,struct showplace *show) {printf("putflag = %d\n",save->putflag);printf("%d %d\n",m.x,m.y);printf("%d %d\n",save->nowlx,save->nowly);if(save->putflag==true) {SetWorkingImage();getimage(&save->img3,show->x,show->y,show->a,show->h);BeginBatchDraw();SetWorkingImage(&ak);putimage(save->nowlx,save->nowly,&save->img3);save->nowlx=save->nowlx-(m.x-save->m1x);save->nowly=save->nowly-(m.y-save->m1y);save->m1x=m.x;save->m1y=m.y;getimage(&save->img2,save->nowlx,save->nowly,save->a,save->h);//		putimage(save->nowlx,save->nowly,&save->img2);SetWorkingImage();putimage(show->x,show->y,&save->img2);EndBatchDraw();//			一次绘图出来，没有屏闪了}switch(m.message) {case WM_LBUTTONDOWN:if(m.x>show->x&&m.x<show->x+show->a&&m.y>show->y&&m.y<show->y+show->h&&m.ctrl) {save->putflag=true;
//					启动批复制粘贴SetWorkingImage(&ak);getimage(&save->img2,save->nowlx,save->nowly,save->a,save->h);
//				save->img2=ak;save->m1x=m.x;save->m1y=m.y;SetWorkingImage();}break;case WM_LBUTTONUP:save->putflag=0;break;}}void draw(struct ExMessage m,struct pircle *save,struct showplace *show,IMAGE *ak) {//	printf("draw = %d\n",save->drawflag);
//		SetWorkingImage(ak);if(save->drawflag==true) {
//		save.drawflag=1;putpixel(m.x,m.y,RGB(255,155,4));}switch(m.message) {case WM_LBUTTONDOWN:if(m.x>show->x&&m.x<show->x+show->a&&m.y>show->y&&m.y<show->y+show->h) {
//printf("m.x = %d\tm.y = %d\t%d\t%d\n",m.x,m.y,save->m1x,save->m1y);save->drawflag=true;//				printf("drawflag = %d\n",save->drawflag);}break;case WM_LBUTTONUP:save->drawflag=false;
//			printf("%d\n",save->drawflag);break;}}int main() {// 初始化绘图窗口initgraph(640, 480);IMAGE ak(1500,1500);IMAGE b(300,300);gameplace(&ak);getimage(&b,0,0,300,300);SetWorkingImage();putimage(0,0,&ak);putimage(100,100,&b);setlinecolor(BLACK);rectangle(show.x,show.y,show.x+show.a,show.y+show.h);ExMessage m;while(1) {m=getmessage(EX_MOUSE);check(m,&save,ak,&show);draw(m,&save,&show,&ak);}_getch();closegraph();
}

这篇关于DevC++ easyx实现地图拖动，超过屏幕大小的巨大地图的局部显示在屏幕的方法——用悬浮窗的原理来的实现一个视口的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/533285。

相关文章

MySQL查询JSON数组字段包含特定字符串的方法

MySQL查询JSON数组字段包含特定字符串的方法

《MySQL查询JSON数组字段包含特定字符串的方法》在MySQL数据库中,当某个字段存储的是JSON数组,需要查询数组中包含特定字符串的记录时传统的LIKE语句无法直接使用,下面小编就为大家介绍两种... 目录问题背景解决方案对比1. 精确匹配方案（推荐）2. 模糊匹配方案参数化查询示例使用场景建议性能优
阅读更多...
关于集合与数组转换实现方法

关于集合与数组转换实现方法

《关于集合与数组转换实现方法》：本文主要介绍关于集合与数组转换实现方法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1、Arrays.asList()1.1、方法作用1.2、内部实现1.3、修改元素的影响1.4、注意事项2、list.toArray()2.1、方
阅读更多...
从原理到实战深入理解Java 断言assert

从原理到实战深入理解Java 断言assert

《从原理到实战深入理解Java断言assert》本文深入解析Java断言机制,涵盖语法、工作原理、启用方式及与异常的区别,推荐用于开发阶段的条件检查与状态验证,并强调生产环境应使用参数验证工具类替代... 目录深入理解 Java 断言（assert）：从原理到实战引言：为什么需要断言？一、断言基础1.1 语
阅读更多...
使用Python实现可恢复式多线程下载器

使用Python实现可恢复式多线程下载器

《使用Python实现可恢复式多线程下载器》在数字时代,大文件下载已成为日常操作,本文将手把手教你用Python打造专业级下载器,实现断点续传,多线程加速,速度限制等功能,感兴趣的小伙伴可以了解下... 目录一、智能续传：从崩溃边缘抢救进度二、多线程加速：榨干网络带宽三、速度控制：做网络的好邻居四、终端交互
阅读更多...
Python中注释使用方法举例详解

Python中注释使用方法举例详解

《Python中注释使用方法举例详解》在Python编程语言中注释是必不可少的一部分,它有助于提高代码的可读性和维护性,：本文主要介绍Python中注释使用方法的相关资料,需要的朋友可以参考下... 目录一、前言二、什么是注释？示例：三、单行注释语法：以 China编程# 开头，后面的内容为注释内容示例：示例：四
阅读更多...
从入门到精通C++11 ＜chrono＞ 库特性

从入门到精通C++11 ＜chrono＞ 库特性

《从入门到精通C++11＜chrono＞库特性》chrono库是C++11中一个非常强大和实用的库,它为时间处理提供了丰富的功能和类型安全的接口,通过本文的介绍,我们了解了chrono库的基本概念... 目录一、引言1.1 为什么需要<chrono>库1.2<chrono>库的基本概念二、时间段（Durat
阅读更多...
java实现docker镜像上传到harbor仓库的方式

java实现docker镜像上传到harbor仓库的方式

《java实现docker镜像上传到harbor仓库的方式》：本文主要介绍java实现docker镜像上传到harbor仓库的方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录1. 前 言2. 编写工具类2.1 引入依赖包2.2 使用当前服务器的docker环境推送镜像2.2
阅读更多...
C++20管道运算符的实现示例

C++20管道运算符的实现示例

《C++20管道运算符的实现示例》本文简要介绍C++20管道运算符的使用与实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录标准库的管道运算符使用自己实现类似的管道运算符我们不打算介绍太多，因为它实际属于c++20最为重要的
阅读更多...
一文详解Git中分支本地和远程删除的方法

一文详解Git中分支本地和远程删除的方法

《一文详解Git中分支本地和远程删除的方法》在使用Git进行版本控制的过程中,我们会创建多个分支来进行不同功能的开发,这就容易涉及到如何正确地删除本地分支和远程分支,下面我们就来看看相关的实现方法吧... 目录技术背景实现步骤删除本地分支删除远程www.chinasem.cn分支同步删除信息到其他机器示例步骤
阅读更多...
Java easyExcel实现导入多sheet的Excel

Java easyExcel实现导入多sheet的Excel

《JavaeasyExcel实现导入多sheet的Excel》这篇文章主要为大家详细介绍了如何使用JavaeasyExcel实现导入多sheet的Excel,文中的示例代码讲解详细,感兴趣的小伙伴可... 目录1.官网2.Excel样式3.代码1.官网easyExcel官网2.Excel样式3.代码
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2