EasyX图形库学习（三、用easyX控制图形界面中的小球、图片-加载、输出）

2024-02-06 18:28
文章标签 输出 加载 学习 图片 控制 图形库 easyx 图形界面 小球

本文主要是介绍EasyX图形库学习（三、用easyX控制图形界面中的小球、图片-加载、输出），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

目录

小球视频

图像输出函数

loadimage用于从文件中读取图片

putimage在当前设备上绘制指定图像。

initgraph 函数

图片输出

代码详解：

1. 初始化图形界面

2. 设置背景颜色并清除屏幕

3. 加载并显示图片

4. 等待用户输入并退出程序

图形界面中的小球

1.按钮功能实现：

2.初始化图形窗口

3.设置窗口背景与绘图模式

4.消息循环与键盘控制

5.双缓冲绘图与小球绘制

小球视频

小球视频

图像输出函数

在使用图像之前，需要定义一个变量(对象)，然后把图片加载进变量才能进行使用。

  • 平时定义变量都是使用的基础数据类型，比如：int temp；

  • 在使用图像的时候需要使用easyx提供给我们的类型：IMAGE，如：IMAGE img;

  • 输出图片(贴图)

    • x 绘制位置的x坐标

    • y 绘制位置的y坐标

    • w 绘制的宽度

    • h 绘制的高度

    • srcImg 要绘制的IMAGE

    • srcx 绘制内容在 IMAGE 对象中的左上角 x 坐标

    • srcy 绘制内容在 IMAGE 对象中的左上角 y 坐标

    • dwRop 三元光栅操作码

loadimage用于从文件中读取图片

void loadimage(IMAGE* pImg,LPCTSTR imgFile,int w = 0,int h = 0);

// 从图片文件获取图像(bmp/gif/jpg/png/tif/emf/wmf/ico)
void loadimage(IMAGE* pDstImg,            // 保存图像的 IMAGE 对象指针LPCTSTR pImgFile,        // 图片文件名int nWidth = 0,            // 图片的拉伸宽度int nHeight = 0,        // 图片的拉伸高度bool bResize = false    // 是否调整 IMAGE 的大小以适应图片
);
// 从资源文件获取图像(bmp/gif/jpg/png/tif/emf/wmf/ico)
void loadimage(IMAGE* pDstImg,            // 保存图像的 IMAGE 对象指针LPCTSTR pResType,        // 资源类型LPCTSTR pResName,        // 资源名称int nWidth = 0,            // 图片的拉伸宽度int nHeight = 0,        // 图片的拉伸高度bool bResize = false    // 是否调整 IMAGE 的大小以适应图片
);

  • 加载图像

    • pImg 保存图像的IMAGE对象指针

    • imgFile 图像文件名

    • w 图片的拉伸宽度，默认为0，表示使用原图像的宽度

    • h 图片的拉伸高度，默认为0，表示使用原图像的高度

putimage在当前设备上绘制指定图像。

// 绘制图像
void putimage(int dstX,				// 绘制位置的 x 坐标int dstY,				// 绘制位置的 y 坐标IMAGE *pSrcImg,			// 要绘制的 IMAGE 对象指针DWORD dwRop = SRCCOPY	// 三元光栅操作码
);
// 绘制图像(指定宽高和起始位置)
void putimage(int dstX,				// 绘制位置的 x 坐标int dstY,				// 绘制位置的 y 坐标int dstWidth,			// 绘制的宽度int dstHeight,			// 绘制的高度IMAGE *pSrcImg,			// 要绘制的 IMAGE 对象指针int srcX,				// 绘制内容在 IMAGE 对象中的左上角 x 坐标int srcY,				// 绘制内容在 IMAGE 对象中的左上角 y 坐标DWORD dwRop = SRCCOPY	// 三元光栅操作码
);

三元光栅操作码（即位操作模式），支持全部的 256 种三元光栅操作码，常用的几种如下：

值含义
DSTINVERT目标图像 = NOT 目标图像
MERGECOPY目标图像 = 源图像 AND 当前填充颜色
MERGEPAINT目标图像 = 目标图像 OR (NOT 源图像)
NOTSRCCOPY目标图像 = NOT 源图像
NOTSRCERASE目标图像 = NOT (目标图像 OR 源图像)
PATCOPY目标图像 = 当前填充颜色
PATINVERT目标图像 = 目标图像 XOR 当前填充颜色
PATPAINT目标图像 = 目标图像 OR ((NOT 源图像) OR 当前填充颜色)
SRCAND目标图像 = 目标图像 AND 源图像
SRCCOPY目标图像 = 源图像
SRCERASE目标图像 = (NOT 目标图像) AND 源图像
SRCINVERT目标图像 = 目标图像 XOR 源图像
SRCPAINT目标图像 = 目标图像 OR 源图像

注：

  • AND / OR / NOT / XOR 为布尔运算。
  • "当前填充颜色"是指通过 setfillcolor 设置的用于当前填充的颜色。
  • 查看全部的三元光栅操作码请参考这里：三元光栅操作码。

initgraph 函数

void initgraph(int *graphdriver, int *graphmode, char *pathtodriver);

  • graphdriver：一个指向图形驱动程序编号的指针。这个编号指定了要使用的图形驱动程序。例如，DETECT 可以用来让系统自动检测合适的驱动程序。
  • graphmode：一个指向图形模式编号的指针。图形模式决定了图形的分辨率和颜色。
  • pathtodriver：一个指向图形驱动程序文件路径的字符串指针。如果图形驱动程序不在系统的标准路径中，就需要提供这个路径。

图片输出

代码详解：

1. 初始化图形界面

initgraph(480, 800, EX_SHOWCONSOLE);

这行代码的作用是初始化一个480x800的图形窗口，并通过`EX_SHOWCONSOLE`参数确保在图形窗口运行的同时，控制台窗口也保持可见。这对于调试和输出信息非常有用。

2. 设置背景颜色并清除屏幕

setbkcolor(RGB(230, 231, 232));
cleardevice();

首先，我们使用`setbkcolor`函数设置了背景颜色为淡灰色。接着，调用`cleardevice`函数清除整个绘图设备，即用背景色填充整个窗口。

3. 加载并显示图片

IMAGE img_mm;
loadimage(&img_mm, "assets/planeNormal_2.jpg");
putimage(0, 0, &img_mm);

在这段代码中，我们首先定义了一个`IMAGE`类型的变量`img_mm`，用于存储加载的图片数据。然后，调用loadimage函数加载位于"assets/planeNormal_2.jpg"路径下的图片。这里使用的是相对路径，意味着图片文件位于代码所在目录的"assets"子目录下。

加载图片后，我们使用`putimage`函数将图片显示在屏幕上。函数的第一个和第二个参数指定了图片显示的左上角坐标（在这里是(0, 0)），第三个参数是指向图片数据的指针。

4. 等待用户输入并退出程序

getchar();
return 0;

在程序的最后，我们使用`getchar`函数等待用户输入一个字符，然后程序才会退出。这是为了让图形窗口在关闭前能够保持显示状态，给用户足够的时间来查看结果。

int main()
{initgraph(480, 800, EX_SHOWCONSOLE);setbkcolor(RGB(230, 231, 232));cleardevice();//定义图片变量	int a;IMAGE img_mm;//加载图片		scanf("%d\n",&a);//	//加载图片		scanf("%d",&a);//1，绝对路径:带盘符的路径   "C:\\Users\\Maye\\Desktop\\EasyxLearn\\assets\\mm.jpg"//2，相对路径				"assets/mm.jpg"loadimage(&img_mm , "assets/planeNormal_2.jpg");putimage(0, 0, &img_mm);getchar();return 0;
}

控制图形界面中的小球

1.按钮功能实现：

  • button函数用于绘制并检测按钮是否被点击。
    • 当鼠标位于按钮上时，按钮的背景色会变为深蓝色；否则为浅灰色。
    • 如果在按钮上检测到鼠标左键按下，函数会返回true。
  • 在主循环中，我们创建了两个按钮：“Start Game”和“End Game”。当它们被点击时，程序会打印相应的消息。
  • msg 是一个结构体变量，它很可能是一个用于存储消息信息的自定义结构体。在Windows编程中，消息通常用于在应用程序和操作系统之间传递事件信息，如键盘按键、鼠标点击等。msg.message 是这个结构体中的一个成员，用于存储特定的消息代码，这些代码标识了消息的类型（例如，键盘按键按下、鼠标移动等）。
//mx,my是否在指定的矩形区域
bool inArea(int mx, int my, int x, int y, int w, int h)
{if (mx > x && mx < x + w && my > y && my < y + h){return true;}return false;
}bool button(int x, int y, int w, int h, const char* text)
{//绘制按钮if (inArea(msg.x, msg.y, x, y, w, h)){setfillcolor(RGB(93, 107, 153));}else {setfillcolor(RGB(230, 231, 232));}fillroundrect(x, y, x + w, y + h, 5, 5);//绘制按钮文本int hSpace = (w - textwidth(text)) / 2;int vSpace = (h - textheight(text)) / 2;outtextxy(x + hSpace, y + vSpace, text);//判断按钮是否被点击if (msg.message == WM_LBUTTONDOWN && inArea(msg.x, msg.y, x, y, w, h))//	左键按下,并且鼠标在指定的矩形区域{return true;}return false;
}

2.初始化图形窗口

通过initgraph函数，我们初始化了一个640x480的图形窗口，并设置了两个参数：EX_SHOWCONSOLE表示在创建图形窗口时保持控制台窗口可见，EX_DBLCLKS表示支持鼠标双击事件。

initgraph(640, 480, EX_SHOWCONSOLE|EX_DBLCLKS);

3.设置窗口背景与绘图模式

接着，我们通过setbkcolor函数设置了窗口的背景颜色为黄色，并使用cleardevice函数用背景色填充整个窗口。此外，我们还通过setbkmode函数设置了背景模式为透明，这意味着在绘制图形时不会覆盖已有的背景。

setbkcolor(YELLOW);  
cleardevice();  
setbkmode(TRANSPARENT);

4.消息循环与键盘控制

接下来是程序的核心部分，一个无限循环的消息处理机制。在这个循环中，我们不断地获取并处理消息，判断是否有按键按下或释放，并据此更新小球的位置。

WM_KEYDOWN 和 WM_KEYUP 是 Windows 消息机制中的两种消息类型，它们分别表示一个键盘按键被按下和释放的事件。

（WM_KEYDOWN）或释放（WM_KEYUP）。这些常量（如 WM_KEYDOWN）是预定义的Windows消息代码，它们表示特定类型的事件。

while (true)  
{  // 获取并处理消息...  // 判断按键消息  if (msg.message == WM_KEYDOWN)  {  // 根据按键更新vx和vy...  }  else if (msg.message == WM_KEYUP)  {  // 按键释放时重置vx和vy...  }  // 双缓冲绘图...  // 绘制小球并更新位置...  
}

5.双缓冲绘图与小球绘制

在绘图部分，我们使用了双缓冲技术来避免屏幕闪烁。所有的绘图代码都放在BeginBatchDraw和EndBatchDraw之间。我们首先清除屏幕，然后设置填充颜色为蓝色，并绘制一个实心的圆形表示小球。最后，根据vx和vy的值更新小球的位置。

BeginBatchDraw();  
cleardevice();  
setfillcolor(RGB(43, 145, 175));  
solidcircle(x, y, r);  
x += speed * vx;  
y += speed * vy;  
EndBatchDraw();
//获取消息
while (true)
{		//获取消息if (peekmessage(&msg, EX_MOUSE | EX_KEY))//鼠标消息		按键消息{}//判断按键消息if (msg.message == WM_KEYDOWN){printf("keydown\n");//具体判断是哪个键按下switch (msg.vkcode){case VK_UP:vy = -1;//printf("上键按下\n");Case VK_DOWN :vy = 1;//printf("下键按下\n");Case VK_LEFT :vx = -1;//printf("左键按下\n");Case VK_RIGHT :vx = 1;//printf("右键按下\n");Case VK_SPACE ://printf("space\n");Case 'A'://printf("A\n");break;}}else if (msg.message == WM_KEYUP){printf("keyup\n");switch (msg.vkcode){case VK_UP:vy = 0;//printf("上键按下\n");Case VK_DOWN :vy = 0;//printf("下键按下\n");Case VK_LEFT :vx = 0;//printf("左键按下\n");Case VK_RIGHT :vx = 0;//printf("右键按下\n");break;}}//双缓冲绘图:所有的绘图代码必须放在begin和end之间BeginBatchDraw();cleardevice();//绘制小球setfillcolor(RGB(43, 145, 175));solidcircle(x, y, r);//更新小球的位置x += speed * vx;y += speed * vy;EndBatchDraw();Sleep(10);msg.message = 0;//把消息类型设置为0}//防止程序退出getchar();return 0;
}

今天就先到这了！！！

看到这里了还不给博主扣个：
⛳️ 点赞☀️收藏 ⭐️ 关注！

你们的点赞就是博主更新最大的动力！
有问题可以评论或者私信呢秒回哦。

这篇关于EasyX图形库学习（三、用easyX控制图形界面中的小球、图片-加载、输出）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


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

相关文章

51单片机学习记录———定时器

51单片机学习记录———定时器

文章目录 前言一、定时器介绍二、STC89C52定时器资源三、定时器框图四、定时器模式五、定时器相关寄存器六、定时器练习 前言 一个学习嵌入式的小白~ 有问题评论区或私信指出~ 提示：以下是本篇文章正文内容，下面案例可供参考 一、定时器介绍 定时器介绍：51单片机的定时器属于单片机的内部资源，其电路的连接和运转均在单片机内部完成。 定时器作用： 1.用于计数系统，可
阅读更多...
问题：第一次世界大战的起止时间是 #其他#学习方法#微信

问题：第一次世界大战的起止时间是 #其他#学习方法#微信

问题：第一次世界大战的起止时间是 A.1913 ~1918 年 B.1913 ~1918 年 C.1914 ~1918 年 D.1914 ~1919 年 参考答案如图所示
阅读更多...
[word] word设置上标快捷键 #学习方法#其他#媒体

[word] word设置上标快捷键 #学习方法#其他#媒体

word设置上标快捷键 办公中，少不了使用word，这个是大家必备的软件，今天给大家分享word设置上标快捷键，希望在办公中能帮到您！ 1、添加上标 在录入一些公式，或者是化学产品时，需要添加上标内容，按下快捷键Ctrl+shift++就能将需要的内容设置为上标符号。 word设置上标快捷键的方法就是以上内容了，需要的小伙伴都可以试一试呢！
阅读更多...
AssetBundle学习笔记

AssetBundle学习笔记

AssetBundle是unity自定义的资源格式，通过调用引擎的资源打包接口对资源进行打包成.assetbundle格式的资源包。本文介绍了AssetBundle的生成，使用，加载，卸载以及Unity资源更新的一个基本步骤。 目录 1.定义： 2.AssetBundle的生成： 1）设置AssetBundle包的属性——通过编辑器界面 补充：分组策略 2）调用引擎接口API
阅读更多...
Javascript高级程序设计(第四版)--学习记录之变量、内存

Javascript高级程序设计(第四版)--学习记录之变量、内存

原始值与引用值 原始值：简单的数据即基础数据类型，按值访问。 引用值：由多个值构成的对象即复杂数据类型，按引用访问。 动态属性 对于引用值而言，可以随时添加、修改和删除其属性和方法。 let person = new Object();person.name = 'Jason';person.age = 42;console.log(person.name,person.age);//'J
阅读更多...
大学湖北中医药大学法医学试题及答案，分享几个实用搜题和学习工具 #微信#学习方法#职场发展

大学湖北中医药大学法医学试题及答案，分享几个实用搜题和学习工具 #微信#学习方法#职场发展

今天分享拥有拍照搜题、文字搜题、语音搜题、多重搜题等搜题模式，可以快速查找问题解析，加深对题目答案的理解。 1.快练题 这是一个网站 找题的网站海量题库,在线搜题,快速刷题~为您提供百万优质题库,直接搜索题库名称,支持多种刷题模式:顺序练习、语音听题、本地搜题、顺序阅读、模拟考试、组卷考试、赶快下载吧! 2.彩虹搜题 这是个老公众号了 支持手写输入，截图搜题，详细步骤，解题必备
阅读更多...
JAVA读取MongoDB中的二进制图片并显示在页面上

JAVA读取MongoDB中的二进制图片并显示在页面上

1：Jsp页面： <td><img src="${ctx}/mongoImg/show"></td> 2：xml配置： <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"xmlns:xsi="http://www.w3.org/2001
阅读更多...
《offer来了》第二章学习笔记

《offer来了》第二章学习笔记

1.集合 Java四种集合：List、Queue、Set和Map 1.1.List：可重复 有序的Collection ArrayList： 基于数组实现，增删慢，查询快，线程不安全 Vector： 基于数组实现，增删慢，查询快，线程安全 LinkedList： 基于双向链实现，增删快，查询慢，线程不安全 1.2.Queue：队列 ArrayBlockingQueue：
阅读更多...
加载资源文件失败

加载资源文件失败

背景         自己以前装了一个海康的深度学习算法平台，试用期是一个月，过了一个月之后，因为没有有效注册码或者加密狗的支持了导致无法使用，于是打算卸载掉，在卸载一个软件的时候，无论是使用控制面板还是软件自带的卸载功能，总是卸载不掉，提示“加载资源文件失败”。该软体主要包括以下两部分： 用自带卸载功能卸载的时候分别提示如下：     用控制面板卸载的时候反应很慢，最后也是提示这个
阅读更多...
硬件基础知识——自学习梳理

硬件基础知识——自学习梳理

计算机存储分为闪存和永久性存储。 硬盘（永久存储）主要分为机械磁盘和固态硬盘。 机械磁盘主要靠磁颗粒的正负极方向来存储0或1，且机械磁盘没有使用寿命。 固态硬盘就有使用寿命了，大概支持30w次的读写操作。 闪存使用的是电容进行存储，断电数据就没了。 器件之间传输bit数据在总线上是一个一个传输的，因为通过电压传输（电流不稳定），但是电压属于电势能，所以可以叠加互相干扰，这也就是硬盘，U盘
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2