本文章介紹C++用EasyX進行C++基礎(chǔ)圖形編程介紹。

成都創(chuàng)新互聯(lián)公司服務(wù)項目包括高昌網(wǎng)站建設(shè)、高昌網(wǎng)站制作、高昌網(wǎng)頁制作以及高昌網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，高昌網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到高昌省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

EasyX安裝：

1、點擊上方超鏈接，進入官網(wǎng)，點擊右側(cè)下載EasyX

2、點擊下載后的可執(zhí)行文件：

3、EasyX安裝非常簡單，進入可執(zhí)行文件，直接next，然后會自動檢測你的開發(fā)工具，針對對應(yīng)的開發(fā)工具直接點擊安裝即可。（文檔最好也下載，有時候會遇見一些小疑問，可以查看）：

4、安裝成功：

安裝成功后，我們就可以開始進行編程了（本人使用的是Visual Studio 2019）。

---

插件安裝后，我們不需要做任何工作，打開或新建一個項目都可以，編寫的過程只需要像平時引入頭文件一樣就可以進行圖形編程。

下面介紹一些基礎(chǔ)的C++圖形編程知識：

1、打開/新建一個項目后，引入頭文件easyx.h并建立一個圖形窗口：

#includeint main(){initgraph(1266, 730);//用該函數(shù)建立窗口//----------------------------------
    //initgraph(int width,int height)
    
    
    
    while(1);  //為了防止我們窗口建立后點擊一下會退出的情況發(fā)生，我們用該語句阻塞一下
    return 0;
}

運行結(jié)果：

是不是像控制臺一樣黑？我們的圖就是在這里顯示的。

2、圖形窗口坐標基礎(chǔ)知識：

話不多說，給個圖自己體會

坐標軸拓展（坐標軸修改）【學(xué)習(xí)完文字輸出和顏色表示再回來學(xué)習(xí)這一小部分】：

一般我們使用坐標軸的時候，并不習(xí)慣上圖這樣的表示的方式，我們一般是取Y軸向上為正，要實現(xiàn)這個效果，我們需要調(diào)用兩個函數(shù)：setaspectratio(int , int)和setorigin(int x,int y)

setaspectratio(int , int):修改縮放比例，但是當(dāng)我們的x或者y為-1的時候，會參數(shù)坐標軸翻轉(zhuǎn)的效果。

setorigin(int x,int y):修改坐標原點。因為我們的坐標原點默認為左上角，我們可以修改為左下角或中央。

示例：輸出五個坐標點

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

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

	//構(gòu)造函數(shù)
	coordination() {};
	coordination(int x, int y) {this->x = x;
		this->y = y;
	}
	//構(gòu)析函數(shù)
	~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;
}

輸出結(jié)果：

修改坐標原點到左下角：

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

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

	//構(gòu)造函數(shù)
	coordination() {};
	coordination(int x, int y) {this->x = x;
		this->y = y;
	}
	//構(gòu)析函數(shù)
	~coordination() {};
};
int main() {initgraph(600, 400);
	setaspectratio(1, -1);//Y 軸向上為正，設(shè)置后，我們還需要修改坐標原點--------------------
	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;
}

輸出結(jié)果：

修改坐標原點到中央：

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

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

	//構(gòu)造函數(shù)
	coordination() {};
	coordination(int x, int y) {this->x = x;
		this->y = y;
	}
	//構(gòu)析函數(shù)
	~coordination() {};
};
int main() {initgraph(600, 400);
	setaspectratio(1, -1);//Y 軸向上為正，設(shè)置后，我們還需要修改坐標原點--------------------
	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;
}

輸出結(jié)果：

3、一個黑黑的窗口，看著就不舒服，下面我們不妨先輸出幾個字試一下：

initgraph(600, 400);//窗口太大，有點不方便，來個小窗


outtextxy(200, 200,L"開啟我的圖形編程之路！");//----------------------------------
//注意，在vs2019中，若想將你的字符串正確輸出，請在字符串的前面加上一個‘L’


while (1);
return 0;

運行結(jié)果：

我們輸出的時候是使用一個固定的字符串進行輸出的，很多時候，我們可能想要用一個變量去輸出，但是有小伙伴發(fā)現(xiàn)，我們建立了一個字符串變量，輸出的時候會出現(xiàn)不兼容：

std::string s1="開啟我的圖形編程之路！";
outtextxy(200, 200, s1);
//正常情況下，你的代碼在這里會出錯，實際上這是字符集不兼容的原因。

該問題的解決方案，在EasyX文檔里面提供的解決方案：

為了問題便于解決，我們直接考慮使用自適應(yīng)字符集，然后直接模仿代碼：

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

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

	while (1);
	return 0;
}

運行結(jié)果:

4、我們的字符輸出成功了，我們能不能修改輸出的字符的格式和顏色呢？在解決這個問題之前，我們有一個問題沒有回答，在EasyX中如何表示顏色？：

最簡單直接的方式：直接用每種顏色對應(yīng)的英文字母大寫來表示：

GREEN	綠色
BLUE	藍色
YELLOW	黃色
…	…

但是有的時候，我們想要使用組合色（由紅綠藍三基色可以組合任意一種顏色）：

RGB（ int , int ,int ）;
//參數(shù)中的三個int分別代表紅、綠、藍三基色的色度，其范圍均為0~255。

通過RGB(int, int, int)我們可以獲取任何我們想要得到的顏色。

4.1 在這里，我們再進行一步拓展：顏色在計算機中的表示方式：

我們知道，一個圖片在計算機中由一個個的像素點組成，每個像素點都有一個顏色，進而組成一幅圖。在計算機中，一個像素點用4個字節(jié)（Byte）表示：

00000000	00000000	00000000	00000000
A	R	G	B

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

A：透明通道；

R：三基色之紅色；

G：三基色之綠色；

B：三基色之藍色；

因為RGB分別由8位二進制數(shù)表示，因此在進行色度調(diào)整的時候，我們只能選擇0~255。

4.2 像素點的位運算：

當(dāng)兩個像素點在同一坐標時，會發(fā)生什么情況?

在C++中，我們給出了兩種運算：

• 位于：SRCAND
• 位或：SRCPAINT

例如，黑色跟白色進行位于（我們只考慮三基色，不考慮透明度）：

黑：000H

白：FFFH

結(jié)果：000H，位于結(jié)果為黑色。

黑色與白色進行位或：

黑：000H

白：FFFH

結(jié)果：FFFH，位于結(jié)果為白色。

利用以上的運算，我們可以讓圖片產(chǎn)生很多不同的效果，比如背景透明圖的實現(xiàn)，模糊化，馬賽克等。

5、言歸正傳，下面我們了解如何輸出帶顏色的字：

settextcolor(color);
//參數(shù)為你想要展示的顏色

顯示為藍色字體：

initgraph(600, 400);

	settextcolor(BLUE);//將文字顏色調(diào)整為藍色---------------------------

	TCHAR s[] = _T("開啟我的圖形編程之路！");
	outtextxy(200, 200, s);

	while (1);
	return 0;

輸出結(jié)果：

組合色：

initgraph(600, 400);

	settextcolor(RGB(150,20,150));//文字顏色組合色--------------------------

	TCHAR s[] = _T("開啟我的圖形編程之路！");
	outtextxy(200, 200, s);

	while (1);
	return 0;

輸出結(jié)果：

6、字體格式的調(diào)整：

我們在使用文檔編輯工具的時候，我們可以選擇調(diào)整字體的字號、字體樣式等，在C++中，我們使用settextstyle(int(字高),int(字寬),string(字體樣式));來實現(xiàn)。（注意，字體樣式使用字符串表示的時候，前面別忘了加’L’）

在這里簡述一下什么是字高、字寬。實際上，我們編輯文本的時候，經(jīng)常使用字體的字號調(diào)節(jié)，但是我們調(diào)節(jié)的時候只調(diào)節(jié)一個字號值，并不存在什么字高、字寬。實際上，我們調(diào)節(jié)的字號就是字高，而字寬的變化屬于自適應(yīng)變化，其跟隨字高進行變化。在這里，將字寬值設(shè)置為0時，其代表自適應(yīng)變化。

例如，將字號設(shè)置為50，字體為楷體：

initgraph(600, 400);

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

	settextstyle(50, 0, L"楷體");//字號設(shè)為50,字體為楷體---------------------


	TCHAR s[] = _T("開啟我的圖形編程之路！");
	outtextxy(50, 200, s);

	while (1);
	return 0;	

輸出結(jié)果：

7、圖片的輸出：

圖片文件與之前我們學(xué)習(xí)文件io的操作要求完全一致，并且注意將你的圖片放到正確的文件夾中。

學(xué)習(xí)之前，我們看一個普通數(shù)據(jù)的輸入輸出：

int a;             //定義一個整型變量

scanf("%d",&a);    //從控制臺讀取一個10進制的數(shù)據(jù)保存在a中

printf("%d",a);    //將a輸出在控制臺。

圖片的顯示也與此類似：

IMAGE p;                 //定義一個IMAGE類型變量

loadimage(&p,"圖片名");   //從文件中讀取一張圖片保存到p中

putimage(int x,int y,&p);//將p中的圖像輸出在界面上

例如：

我們選擇一個寬1000，高625的圖片：

建立對應(yīng)窗口并載入輸出圖片：

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

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

	while (1);
	return 0;

輸出結(jié)果：

8、音樂播放：

在我們建立的窗口也能進行音樂播放（音樂播放器設(shè)計的基礎(chǔ)）

(重點)在C++中的EasyX并沒有播放音樂的對應(yīng)文件，它是windows系統(tǒng)的東西，因此只有一個easyx頭文件根本不夠用>。我們可以按照以下步驟：

1. 包含頭文件mmsystem.h mm:Multi-Media多媒體

2. 包含一個庫文件 winmm.lib win:windows mm同上

   庫文件包含方式：

   #pragma comment (lib,“winmm.lib”) //c-預(yù)處理語句

3. 調(diào)用函數(shù)：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);	關(guān)閉音樂文件

其中：

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

send string: 發(fā)送字符串

后面的三個0暫時先不管，因為它涉及的東西比較多（比如聲道），新手先不用管太多，我們簡單模擬一下就行，后面有時間再深入。

注意：

1、網(wǎng)易云的音樂播放不了。（文件內(nèi)部做了調(diào)整，windows系統(tǒng)內(nèi)部無法識別）QQ音樂可以

2、音樂名稱中間不能有空格，因為你的一些操作需要用空格來隔開（比如open和文件名中間留一個空格）

3、請?zhí)崆鞍盐募卣姑瓷希灰约焊暮缶Y

例如：

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

當(dāng)窗口生成后，會自動播放音樂。

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

setbkcolor:設(shè)置背景色

cleardevice:用當(dāng)前背景色刷新窗口。

注意：僅僅使用setbkcolor()后，我們并不能直接改變窗口背景的顏色，必須后面來一次cleardevice來刷新一下。

示例：

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


	settextcolor(RED);

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

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

	while (1);
	return 0;

輸出結(jié)果：

后記：

為打好圖形編程的基礎(chǔ)，正所謂磨刀不誤砍材工，我們先把EasyX文檔上面涉及的基本操作多多運用，熟練掌握，等使用熟練了以后，再去掌握畫圖的進階內(nèi)容（比如動畫、按鈕、鼠標點擊事件等，實際上，掌握了上面的基礎(chǔ)內(nèi)容結(jié)合文件IO，就做一些簡單的數(shù)據(jù)可視化）。EasyX文檔中涉及的基礎(chǔ)知識，每有心得即可再該文檔中進行補充。而進階內(nèi)容補充到另一個文檔中。

---

（文章作學(xué)習(xí)筆記使用，本人水平有限，若有紕漏，歡迎指正）

參考博文：

C/C++圖形庫EasyX快速上手指南【1】——繪圖窗口和基本圖形文字繪制(該文章中對字符串輸入部分的詳細解釋，內(nèi)容很好，可參考)

你是否還在尋找穩(wěn)定的海外服務(wù)器提供商？創(chuàng)新互聯(lián)www.cdcxhl.cn海外機房具備T級流量清洗系統(tǒng)配攻擊溯源，準確流量調(diào)度確保服務(wù)器高可用性，企業(yè)級服務(wù)器適合批量采購，新人活動首月15元起，快前往官網(wǎng)查看詳情吧

當(dāng)前文章：C++圖形界面EasyX安裝及基本使用-創(chuàng)新互聯(lián)
轉(zhuǎn)載來于：http://www.chinadenli.net/article32/cesdpc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、云服務(wù)器、小程序開發(fā)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站營銷、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)