DevC++ easyx实现悬浮窗放入网格，与在函数分离过程中遇到的BUG下理解 函数的作用时域 以及 初始化与复位的关系。
这次就着上上上篇的悬浮窗代码DevC++ easyx实现图片拖动，一种悬浮窗实现原理与完整代码-CSDN博客
继续实现效果。
基本背景是搓出来图片拖动了，然后想把图片暂存到另一块。再细说背景的背景就是之前提到Unity复刻瓦片地图，想着整合一个铅笔绘制功能，就是绘制瓦片和瓦片粘贴都在同一个程序里运行。正是这一系列文案所追溯的故事——做一个绘图板，连同绘图，贴片。当时实现了图片缩小，然后要把这个缩小的图片的数据放到网格里面。这个网格作为备选的贴片。这就是文案所去描述的故事，只不过现在回想起来，发现以前推动代码翻新过程中，有了比较有意思的意识到矛盾的新情况。
这次直接上最终代码，然后直接解释代码是怎么来的。
#include
#include
#include
#include
struct picsave {
int lx;
int ly;
int rx;
int ry;
int useflag=0;
} a[10];
struct pircle {
IMAGE img2;
IMAGE img3;
const int orilx=100,orily=100;
int nowlx=100,nowly=100;
const int a=100,h=100;
// 原有图片的左上角坐标
int m1x=0,m1y=0;
int putflag=0;
int drawflag=0;
} save;
void draw(struct ExMessage m,struct pircle *save) {
if(save->drawflag==true) {
putpixel(m.x,m.y,RGB(255,155,4));
}
switch(m.message) {
case WM_LBUTTONDOWN:
if(m.x>save->nowlx&&m.xnowlx+save->a&&m.y>save->nowly&&m.ynowly+save->h&&m.ctrl) {
// 检测不在图片里面
} else {
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;
}
}
void check(struct ExMessage m,struct pircle *save,struct picsave a[]) {
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.xnowlx+save->a&&m.y>save->nowly&&m.ynowly+save->h) {
save->putflag=true;
// 启动批复制粘贴
getimage(&save->img2,save->nowlx,save->nowly,save->a,save->h);
save->m1x=m.x;
save->m1y=m.y;
}
break;
case WM_LBUTTONUP:
save->putflag=0;
// int i;
// for(i=0; i<6; i++) {
//
// if(a[i].useflag==0) {
// if(m.x>a[i].lx&&m.xa[i].ly&&m.ynowlx,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->orilx,save->orily,save->a,save->h);
//
// putimage(a[i].lx,a[i].ly,&save->img2);
//
// EndBatchDraw();
//
// save->nowlx=save->orilx;
// save->nowly=save->orily;
// save->m1x=0;
// save->m1y=0;
//
// a[i].useflag=1;
// break;
// }
// }
// }
// 实现一次性存档
break;
}
}
void flow(ExMessage m,struct picsave a[],struct pircle *save) {
if(save->putflag==0&&m.message==WM_LBUTTONUP) {
int i;
for(i=0; i<6; i++) {
if(a[i].useflag==0) {
if(m.x>a[i].lx&&m.xa[i].ly&&m.ynowlx,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->orilx,save->orily,save->a,save->h);
putimage(a[i].lx,a[i].ly,&save->img2);
EndBatchDraw();
save->nowlx=save->orilx;
save->nowly=save->orily;
save->m1x=0;
save->m1y=0;
a[i].useflag=1;
break;
}
}
}
}
}
int main() {
initgraph(640,640,EX_SHOWCONSOLE);
setbkcolor(WHITE);
cleardevice();
setfillcolor(BLACK);
setlinecolor(BLACK);
fillrectangle(100,100,200,200);
// 这是初始图片左上角位置，以后都是新图片左上角的位置
int i;
// setlinecolor(WHITE);
setfillcolor(GREEN);
int q=100;
for(i=1; i<5; i++) {
a[i].lx=q;
a[i].ly=400;
a[i].rx=q+100;
a[i].ry=500;
q=q+100;
fillrectangle(a[i].lx,a[i].ly,a[i].rx,a[i].ry);
}
// save.drawflag=1;
ExMessage m;
while(1) {
m=getmessage(EX_MOUSE|EX_KEY);
if(save.drawflag==false||save.drawflag==true) {
draw(m,&save);
}
if(save.putflag==true||save.putflag==false) {
check(m,&save,a);
flow(m,a,&save);
}
}
closegraph();
return 0;
}
由于鼠标检测实现原理是，通过鼠标坐标m.x m.y和鼠标事件如左键按下，右键按下，实际上延续这个问题就是坐标的问题，不断穷举坐标的各种相关、各种不知道相关不相关的判断。
想象中的需求经过几次描述出来就是，图片到了网格，图片就被网格吸收。
换成坐标来说，图片的坐标进了网格，图片就停在网格里。
但是想象一下图片只是黏在网格上，而不是正好嵌入，就单纯的坐标检测是否重叠也不好想象代码。
这里是参考UNITY，想起来以鼠标为主，就是鼠标在哪个网格，图片就嵌进去哪个网格，这样也能接受，那如此这样，只要能实现检测鼠标的位置就可以了。正好之前的代码check负责拖动，只要拖动结束的时候直接检测就行了，这样代码位置也解决了。于是就直接在check函数里的case LW_LBUTTONUP:这个分支下去写，就是check()函数那一大片注释处。只要全部取消，就能直接使用那部分代码实现检测。
后来是想着，由于地图实现拖动了，图片也实现的网格吸收，就想着独立出来这部分吸收代码，希望以后能够直接使用，或者减少函数长度，一个函数一个功能，减少脑子别扭难受的情况。于是就分离出来flow()函数，这就是专门处理图片嵌入网格存储的。flow（）有一堆空白图片数组，然后每个数组的一项单元里，都有这个项对应的坐标，每一个网格的左上角坐标就都在这个项目里面。
然后运行成功，但是,鼠标一碰到网格图片就自己进去了。
这个BUG的效果是无论鼠标点没点击，只要鼠标拖动过图片，然后鼠标移动到网格上，就会有图片贴上去。
然后当时不知道哪里出问题了，唯一确定的是代码没复制粘贴整合成新函数的时候是正常的，于是就检测数据，相当于把有关拖动的变量内容都打印出来，先是在flow（）里面增加打印的坐标信息语句，发现随着鼠标移动，就会一直打印鼠标坐标，而按照原计划，是只有鼠标松动的时候才进行检测，相当于打印鼠标只有在鼠标松开，而不是鼠标一移动就打印。flow函数失去了限制功能。
然后扩大范围，相当于发现if(save->putflag==0)失效了，之前想着不是鼠标松开，上一个函数直接就把save->putflag变成0，但是实际上这样却失败了，最后只能再就加上重复的&&m.message==LW_LBUTTONUP，才解决问题，但是没有理解bug。明明上个函数也已经用过一次m.message==LW_LBUTTONUP了。
现在来看，原来是鼠标松开，实现了flag变化，但是flag变化后是长期的，而鼠标松开是一瞬间相等。显然这样一看才理解，作用时间不一样导致了函数运行情况不同。也就是说，根本是没有意识到范围，默认中范围就已经不包含了一瞬间的变化，和长期状态的影响。只能通过矛盾来主动意识到意料之外，强行拓宽思考范围。
当然，文案不只是说为了解决BUG，可以看出来，刚才的BUG就是意外实现了鼠标拖动批量绘制，而这其实这也是以后像素绘画的原理。但是由于在这里能够主动意识到矛盾，对矛盾开发一下，自然而然就是另一个文案了。实际上无中生有的BUG和无中生有的解决方案，其实是同根同源的。他们都脱离过主动意识，而是从一些没来得及，或者以为不相关的情况里自然而然的穷举产生的。
人和BUG和谐共生可还行？但是一般都是BUG得不到理解，BUG也放不到合适的地方去应用emm。
理解BUG可以成为灵感的来源，但是理解bug比解决bug还要费劲，几乎把整个代码用人脑跑一边才能理解问题现象，确实代价比较大。
注意到if(save->putflag==0)和if(save->putflag==0&&m.message==WM.LBUTTONUP)的区别。
第一个BUG完事儿。
另一个BUG是在函数flow分离之前发生的。但是由于代码是复制粘贴，把原来函数的限制条件也复制粘贴过来，其实问题一样。
先看BUG效果
黑色方块变绿色了
纹理和第一幅图的比较像
答案解密：
注意旁边浅蓝色的代码
注意到坐标信息是原图的坐标
相当于又把原图复制粘贴到img3上。
按照惯例，前三章博客里img3含义都是底图，
这里也是一样，描述出来就是，原图变成了底图，
原来根本原因就是悬浮窗的底图把图片放置位置的网格复制了，
然后图片恢复到原处，借用悬浮窗先恢复原图，结果成了原图位置恢复网格纹理
所以需要清空img3,或者说不能清空的话，就把原来的图复制粘贴上。
这就是所谓复位——初始化所解决的矛盾的另一种表现形式。
初始化可以说是在旧数据矛盾不明显下的解决方案，因为不能解释旧数据是什么，
而复位，可以说是在旧数据矛盾明显下的解决方案，因为知道旧数据是上一次图片，而不需要使用这上一次图片，或者说不得不使用粘贴功能，但是可以更改粘贴的内容，把粘贴原来的旧图片变成粘贴相同的图片。
复位就是同样是图片，但是图片里面的数据清除。
而初始化，则是这个存数据的地方，曾经是存过图片的，但是这个数据现在已经不用来存图片，可以存其他的数据，但是里面存的图片数据还没清楚，就需要初始化，在不知道里面存的是什么的情况下直接清除数据，或者用新数据覆盖旧的乱七八糟的数据。
这就是从相同图片变量复位，同一个内存的重写，实现对危险数据的清除；到不同变量类型，使用相同内存，对内存重写数据，所描述出的初始化。
这就是复位和初始化的关系。