绵阳梓潼网站制作公司

C++图形界面EasyX安装及基本使用-创新互联

本文章介绍C++用EasyX进行C++基础图形编程介绍。

成都创新互联公司服务项目包括高昌网站建设、高昌网站制作、高昌网页制作以及高昌网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，高昌网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到高昌省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

EasyX安装：

1、点击上方超链接，进入官网，点击右侧下载EasyX

在这里插入图片描述

2、点击下载后的可执行文件：

在这里插入图片描述

3、EasyX安装非常简单，进入可执行文件，直接next，然后会自动检测你的开发工具，针对对应的开发工具直接点击安装即可。（文档最好也下载，有时候会遇见一些小疑问，可以查看）：

在这里插入图片描述

4、安装成功：

在这里插入图片描述

安装成功后，我们就可以开始进行编程了（本人使用的是Visual Studio 2019）。

插件安装后，我们不需要做任何工作，打开或新建一个项目都可以，编写的过程只需要像平时引入头文件一样就可以进行图形编程。

下面介绍一些基础的C++图形编程知识：

1、打开/新建一个项目后，引入头文件easyx.h并建立一个图形窗口：

#includeint main(){initgraph(1266, 730);//用该函数建立窗口//----------------------------------
    //initgraph(int width,int height)
    
    
    
    while(1);  //为了防止我们窗口建立后点击一下会退出的情况发生，我们用该语句阻塞一下
    return 0;
}

运行结果：

在这里插入图片描述

是不是像控制台一样黑？我们的图就是在这里显示的。

2、图形窗口坐标基础知识：

话不多说，给个图自己体会

在这里插入图片描述
坐标轴拓展（坐标轴修改）【学习完文字输出和颜色表示再回来学习这一小部分】：

一般我们使用坐标轴的时候，并不习惯上图这样的表示的方式，我们一般是取Y轴向上为正，要实现这个效果，我们需要调用两个函数：setaspectratio(int , int)和setorigin(int x,int y)

setaspectratio(int , int):修改缩放比例，但是当我们的x或者y为-1的时候，会参数坐标轴翻转的效果。

setorigin(int x,int y):修改坐标原点。因为我们的坐标原点默认为左上角，我们可以修改为左下角或中央。

示例：输出五个坐标点

#includeclass coordination {char draw = '*';
public:
	int x = 0;
	int y = 0;

	void disp() {outtextxy(x, y, this->draw); }

	//构造函数
	coordination() {};
	coordination(int x, int y) {this->x = x;
		this->y = y;
	}
	//构析函数
	~coordination() {};
};
int main() {initgraph(600, 400);

	setbkcolor(RED);
	settextstyle(20, 0, "宋体");
	cleardevice();


	settextcolor(YELLOW);
	coordination c1 = coordination(100,300);
	coordination c2 = coordination(300,300);
	coordination c3 = coordination(400,300);
	coordination c4 = coordination(100,100);
	coordination c5 = coordination(130,200);

	c1.disp();
	c2.disp();
	c3.disp();
	c4.disp();
	c5.disp();

	while (1);
	return 0;
}

输出结果：

在这里插入图片描述

修改坐标原点到左下角：

#includeclass coordination {char draw = '*';
public:
	int x = 0;
	int y = 0;

	void disp() {outtextxy(x, y, this->draw); }

	//构造函数
	coordination() {};
	coordination(int x, int y) {this->x = x;
		this->y = y;
	}
	//构析函数
	~coordination() {};
};
int main() {initgraph(600, 400);
	setaspectratio(1, -1);//Y 轴向上为正，设置后，我们还需要修改坐标原点--------------------
	setorigin(0, 500);//修改坐标原点---------------------------------------------------

	setbkcolor(RED);
	settextstyle(20, 0, "宋体");
	cleardevice();


	settextcolor(YELLOW);
	coordination c1 = coordination(100,300);
	coordination c2 = coordination(300,300);
	coordination c3 = coordination(400,300);
	coordination c4 = coordination(100,100);
	coordination c5 = coordination(130,200);

	c1.disp();
	c2.disp();
	c3.disp();
	c4.disp();
	c5.disp();

	while (1);
	return 0;
}

输出结果：

在这里插入图片描述

修改坐标原点到中央：

#include#includeclass coordination {char draw = '*';
public:
	int x = 0;
	int y = 0;

	void disp() {outtextxy(x, y, this->draw); }

	//构造函数
	coordination() {};
	coordination(int x, int y) {this->x = x;
		this->y = y;
	}
	//构析函数
	~coordination() {};
};
int main() {initgraph(600, 400);
	setaspectratio(1, -1);//Y 轴向上为正，设置后，我们还需要修改坐标原点--------------------
	setorigin(300, 200);//修改坐标原点-------------------------------------------------

	setbkcolor(RED);
	settextstyle(20, 0, "宋体");
	cleardevice();


	settextcolor(YELLOW);
	coordination c1 = coordination(100,300);
	coordination c2 = coordination(300,300);
	coordination c3 = coordination(400,300);
	coordination c4 = coordination(100,100);
	coordination c5 = coordination(130,200);

	c1.disp();
	c2.disp();
	c3.disp();
	c4.disp();
	c5.disp();

	while (1);
	return 0;
}

输出结果：

在这里插入图片描述

3、一个黑黑的窗口，看着就不舒服，下面我们不妨先输出几个字试一下：

initgraph(600, 400);//窗口太大，有点不方便，来个小窗


outtextxy(200, 200,L"开启我的图形编程之路！");//----------------------------------
//注意，在vs2019中，若想将你的字符串正确输出，请在字符串的前面加上一个‘L’


while (1);
return 0;

运行结果：

在这里插入图片描述

我们输出的时候是使用一个固定的字符串进行输出的，很多时候，我们可能想要用一个变量去输出，但是有小伙伴发现，我们建立了一个字符串变量，输出的时候会出现不兼容：

std::string s1="开启我的图形编程之路！";
outtextxy(200, 200, s1);
//正常情况下，你的代码在这里会出错，实际上这是字符集不兼容的原因。

该问题的解决方案，在EasyX文档里面提供的解决方案：

在这里插入图片描述

为了问题便于解决，我们直接考虑使用自适应字符集，然后直接模仿代码：

#includeint main() {	initgraph(600, 400);

	TCHAR s[] = _T("Hello World!");//-----------------------
	outtextxy(200, 200, s);//-------------------------------

	while (1);
	return 0;
}

运行结果:

在这里插入图片描述

4、我们的字符输出成功了，我们能不能修改输出的字符的格式和颜色呢？在解决这个问题之前，我们有一个问题没有回答，在EasyX中如何表示颜色？：

最简单直接的方式：直接用每种颜色对应的英文字母大写来表示：

GREEN绿色
BLUE蓝色
YELLOW黄色
……

但是有的时候，我们想要使用组合色（由红绿蓝三基色可以组合任意一种颜色）：

RGB（ int , int ,int ）;
//参数中的三个int分别代表红、绿、蓝三基色的色度，其范围均为0~255。

通过RGB(int, int, int)我们可以获取任何我们想要得到的颜色。

4.1 在这里，我们再进行一步拓展：颜色在计算机中的表示方式：

我们知道，一个图片在计算机中由一个个的像素点组成，每个像素点都有一个颜色，进而组成一幅图。在计算机中，一个像素点用4个字节（Byte）表示：

00000000000000000000000000000000
ARGB

上面的ARGB代表黑色，其中：

A：透明通道；

R：三基色之红色；

G：三基色之绿色；

B：三基色之蓝色；

因为RGB分别由8位二进制数表示，因此在进行色度调整的时候，我们只能选择0~255。

4.2 像素点的位运算：

当两个像素点在同一坐标时，会发生什么情况?

在C++中，我们给出了两种运算：

  • 位于：SRCAND
  • 位或：SRCPAINT

例如，黑色跟白色进行位于（我们只考虑三基色，不考虑透明度）：

黑：000H

白：FFFH

结果：000H，位于结果为黑色。

黑色与白色进行位或：

黑：000H

白：FFFH

结果：FFFH，位于结果为白色。

利用以上的运算，我们可以让图片产生很多不同的效果，比如背景透明图的实现，模糊化，马赛克等。

5、言归正传，下面我们了解如何输出带颜色的字：

settextcolor(color);
//参数为你想要展示的颜色

显示为蓝色字体：

initgraph(600, 400);

	settextcolor(BLUE);//将文字颜色调整为蓝色---------------------------

	TCHAR s[] = _T("开启我的图形编程之路！");
	outtextxy(200, 200, s);

	while (1);
	return 0;

输出结果：

在这里插入图片描述

组合色：

initgraph(600, 400);

	settextcolor(RGB(150,20,150));//文字颜色组合色--------------------------

	TCHAR s[] = _T("开启我的图形编程之路！");
	outtextxy(200, 200, s);

	while (1);
	return 0;

输出结果：

在这里插入图片描述

6、字体格式的调整：

我们在使用文档编辑工具的时候，我们可以选择调整字体的字号、字体样式等，在C++中，我们使用settextstyle(int(字高),int(字宽),string(字体样式));来实现。（注意，字体样式使用字符串表示的时候，前面别忘了加’L’）

在这里简述一下什么是字高、字宽。实际上，我们编辑文本的时候，经常使用字体的字号调节，但是我们调节的时候只调节一个字号值，并不存在什么字高、字宽。实际上，我们调节的字号就是字高，而字宽的变化属于自适应变化，其跟随字高进行变化。在这里，将字宽值设置为0时，其代表自适应变化。

例如，将字号设置为50，字体为楷体：

initgraph(600, 400);

	settextcolor(RGB(150, 20, 150));

	settextstyle(50, 0, L"楷体");//字号设为50,字体为楷体---------------------


	TCHAR s[] = _T("开启我的图形编程之路！");
	outtextxy(50, 200, s);

	while (1);
	return 0;

输出结果：

在这里插入图片描述

7、图片的输出：

图片文件与之前我们学习文件io的操作要求完全一致，并且注意将你的图片放到正确的文件夹中。

学习之前，我们看一个普通数据的输入输出：

int a;             //定义一个整型变量

scanf("%d",&a);    //从控制台读取一个10进制的数据保存在a中

printf("%d",a);    //将a输出在控制台。

图片的显示也与此类似：

IMAGE p;                 //定义一个IMAGE类型变量

loadimage(&p,"图片名");   //从文件中读取一张图片保存到p中

putimage(int x,int y,&p);//将p中的图像输出在界面上

例如：

我们选择一个宽1000，高625的图片：

在这里插入图片描述

建立对应窗口并载入输出图片：

initgraph(1000, 625);//---------------------------------

	IMAGE m;
	loadimage(&m, L"Pokemon.jpg");//注意后缀-----------------
	putimage(0, 0, &m);//-----------------------------------
	

	while (1);
	return 0;

输出结果：

在这里插入图片描述

8、音乐播放：

在我们建立的窗口也能进行音乐播放（音乐播放器设计的基础）

(重点)在C++中的EasyX并没有播放音乐的对应文件，它是windows系统的东西，因此只有一个easyx头文件根本不够用>。我们可以按照以下步骤：

  1. 包含头文件mmsystem.h mm:Multi-Media多媒体

  2. 包含一个库文件 winmm.lib win:windows mm同上

    库文件包含方式：

    #pragma comment (lib,“winmm.lib”) //c-预处理语句

  3. 调用函数：mciSendString(string file_name) //这里的file_name同文件io(注意后缀)

我们在针对mciSendString(string file_name)进行用法介绍：

代码解释
mciSendString(“open 夜曲.mp3”,0,0,0);打开音乐文件
mciSendString(“play 夜曲.mp3”,0,0,0);播放音乐文件
mciSendString(“pause 夜曲.mp3”,0,0,0);暂停音乐播放
mciSendString(“close 夜曲.mp3”,0,0,0);关闭音乐文件

其中：

mic: modia control interface:媒体控制接口

send string: 发送字符串

后面的三个0暂时先不管，因为它涉及的东西比较多（比如声道），新手先不用管太多，我们简单模拟一下就行，后面有时间再深入。

注意：

1、网易云的音乐播放不了。（文件内部做了调整，windows系统内部无法识别）QQ音乐可以

2、音乐名称中间不能有空格，因为你的一些操作需要用空格来隔开（比如open和文件名中间留一个空格）

3、请提前把文件拓展名勾上，不要自己改后缀

例如：

#include#include//-------------------------------------一定别忘了引入
#pragma  comment  (lib,"winmm.lib")//----------------------一定别忘了引入
int main() {	initgraph(1000, 625);


	mciSendString(L"open 1.mp3", 0, 0, 0);    //打开---------------------

	mciSendString(L"play 1.mp3", 0, 0, 0);    //播放---------------------

	while (1);
	return 0;
}

当窗口生成后，会自动播放音乐。

9、背景色修改：setbkcolor()+cleardevice();

setbkcolor:设置背景色

cleardevice:用当前背景色刷新窗口。

注意：仅仅使用setbkcolor()后，我们并不能直接改变窗口背景的颜色，必须后面来一次cleardevice来刷新一下。

示例：

initgraph(1000, 625);
	setbkcolor(WHITE);//--------------------------------背景白色
	cleardevice();//------------------------------------刷新背景色


	settextcolor(RED);

	settextstyle(30, 0, "宋体");

	outtextxy(400, 260, "Hello World!");

	while (1);
	return 0;

输出结果：

在这里插入图片描述
后记：

为打好图形编程的基础，正所谓磨刀不误砍材工，我们先把EasyX文档上面涉及的基本操作多多运用，熟练掌握，等使用熟练了以后，再去掌握画图的进阶内容（比如动画、按钮、鼠标点击事件等，实际上，掌握了上面的基础内容结合文件IO，就做一些简单的数据可视化）。EasyX文档中涉及的基础知识，每有心得即可再该文档中进行补充。而进阶内容补充到另一个文档中。



（文章作学习笔记使用，本人水平有限，若有纰漏，欢迎指正）

参考博文：

C/C++图形库EasyX快速上手指南【1】——绘图窗口和基本图形文字绘制(该文章中对字符串输入部分的详细解释，内容很好，可参考)

你是否还在寻找稳定的海外服务器提供商？创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源，准确流量调度确保服务器高可用性，企业级服务器适合批量采购，新人活动首月15元起，快前往官网查看详情吧


网站题目：C++图形界面EasyX安装及基本使用-创新互联
文章URL：http://myzitong.com/article/cesdpc.html

其他资讯