本文章介紹C++用EasyX進(jìn)行C++基礎(chǔ)圖形編程介紹。
成都創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括高昌網(wǎng)站建設(shè)、高昌網(wǎng)站制作、高昌網(wǎng)頁(yè)制作以及高昌網(wǎng)絡(luò)營(yíng)銷策劃等。多年來(lái)，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，高昌網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到高昌省份的部分城市，未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！EasyX安裝：
1、點(diǎn)擊上方超鏈接，進(jìn)入官網(wǎng)，點(diǎn)擊右側(cè)下載EasyX
2、點(diǎn)擊下載后的可執(zhí)行文件：
3、EasyX安裝非常簡(jiǎn)單，進(jìn)入可執(zhí)行文件，直接next，然后會(huì)自動(dòng)檢測(cè)你的開(kāi)發(fā)工具，針對(duì)對(duì)應(yīng)的開(kāi)發(fā)工具直接點(diǎn)擊安裝即可。（文檔最好也下載，有時(shí)候會(huì)遇見(jiàn)一些小疑問(wèn)，可以查看）：
4、安裝成功：
安裝成功后，我們就可以開(kāi)始進(jìn)行編程了（本人使用的是Visual Studio 2019）。
插件安裝后，我們不需要做任何工作，打開(kāi)或新建一個(gè)項(xiàng)目都可以，編寫的過(guò)程只需要像平時(shí)引入頭文件一樣就可以進(jìn)行圖形編程。
下面介紹一些基礎(chǔ)的C++圖形編程知識(shí)：1、打開(kāi)/新建一個(gè)項(xiàng)目后，引入頭文件easyx.h并建立一個(gè)圖形窗口：
重慶分公司
重慶分公司
#includeint main(){initgraph(1266, 730);//用該函數(shù)建立窗口//----------------------------------
//initgraph(int width,int height)
while(1); //為了防止我們窗口建立后點(diǎn)擊一下會(huì)退出的情況發(fā)生，我們用該語(yǔ)句阻塞一下
return 0;
} 運(yùn)行結(jié)果：
是不是像控制臺(tái)一樣黑？我們的圖就是在這里顯示的。
2、圖形窗口坐標(biāo)基礎(chǔ)知識(shí)：
話不多說(shuō)，給個(gè)圖自己體會(huì)
坐標(biāo)軸拓展（坐標(biāo)軸修改）【學(xué)習(xí)完文字輸出和顏色表示再回來(lái)學(xué)習(xí)這一小部分】：
一般我們使用坐標(biāo)軸的時(shí)候，并不習(xí)慣上圖這樣的表示的方式，我們一般是取Y軸向上為正，要實(shí)現(xiàn)這個(gè)效果，我們需要調(diào)用兩個(gè)函數(shù)：setaspectratio(int , int)和setorigin(int x,int y)
setaspectratio(int , int):修改縮放比例，但是當(dāng)我們的x或者y為-1的時(shí)候，會(huì)參數(shù)坐標(biāo)軸翻轉(zhuǎn)的效果。
setorigin(int x,int y):修改坐標(biāo)原點(diǎn)。因?yàn)槲覀兊淖鴺?biāo)原點(diǎn)默認(rèn)為左上角，我們可以修改為左下角或中央。
示例：輸出五個(gè)坐標(biāo)點(diǎn)
#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é)果：
修改坐標(biāo)原點(diǎn)到左下角：
#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è)置后，我們還需要修改坐標(biāo)原點(diǎn)--------------------
setorigin(0, 500);//修改坐標(biāo)原點(diǎn)---------------------------------------------------
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é)果：
修改坐標(biāo)原點(diǎn)到中央：
#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è)置后，我們還需要修改坐標(biāo)原點(diǎn)--------------------
setorigin(300, 200);//修改坐標(biāo)原點(diǎn)-------------------------------------------------
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、一個(gè)黑黑的窗口，看著就不舒服，下面我們不妨先輸出幾個(gè)字試一下：
initgraph(600, 400);//窗口太大，有點(diǎn)不方便，來(lái)個(gè)小窗
outtextxy(200, 200,L"開(kāi)啟我的圖形編程之路！");//----------------------------------
//注意，在vs2019中，若想將你的字符串正確輸出，請(qǐng)?jiān)谧址那懊婕由弦粋€(gè)‘L’
while (1);
return 0;運(yùn)行結(jié)果：
我們輸出的時(shí)候是使用一個(gè)固定的字符串進(jìn)行輸出的，很多時(shí)候，我們可能想要用一個(gè)變量去輸出，但是有小伙伴發(fā)現(xiàn)，我們建立了一個(gè)字符串變量，輸出的時(shí)候會(huì)出現(xiàn)不兼容：
std::string s1="開(kāi)啟我的圖形編程之路！";
outtextxy(200, 200, s1);
//正常情況下，你的代碼在這里會(huì)出錯(cuò)，實(shí)際上這是字符集不兼容的原因。該問(wèn)題的解決方案，在EasyX文檔里面提供的解決方案：
為了問(wèn)題便于解決，我們直接考慮使用自適應(yīng)字符集，然后直接模仿代碼：
#includeint main() { initgraph(600, 400);
TCHAR s[] = _T("Hello World!");//-----------------------
outtextxy(200, 200, s);//-------------------------------
while (1);
return 0;
} 運(yùn)行結(jié)果:
4、我們的字符輸出成功了，我們能不能修改輸出的字符的格式和顏色呢？在解決這個(gè)問(wèn)題之前，我們有一個(gè)問(wèn)題沒(méi)有回答，在EasyX中如何表示顏色？：
最簡(jiǎn)單直接的方式：直接用每種顏色對(duì)應(yīng)的英文字母大寫來(lái)表示：
| GREEN | 綠色 |
|---|---|
| BLUE | 藍(lán)色 |
| YELLOW | 黃色 |
| … | … |
但是有的時(shí)候，我們想要使用組合色（由紅綠藍(lán)三基色可以組合任意一種顏色）：
RGB（ int , int ,int ）;
//參數(shù)中的三個(gè)int分別代表紅、綠、藍(lán)三基色的色度，其范圍均為0~255。通過(guò)RGB(int, int, int)我們可以獲取任何我們想要得到的顏色。
4.1 在這里，我們?cè)龠M(jìn)行一步拓展：顏色在計(jì)算機(jī)中的表示方式：我們知道，一個(gè)圖片在計(jì)算機(jī)中由一個(gè)個(gè)的像素點(diǎn)組成，每個(gè)像素點(diǎn)都有一個(gè)顏色，進(jìn)而組成一幅圖。在計(jì)算機(jī)中，一個(gè)像素點(diǎn)用4個(gè)字節(jié)（Byte）表示：
| 00000000 | 00000000 | 00000000 | 00000000 |
|---|---|---|---|
| A | R | G | B |
上面的ARGB代表黑色，其中：
A：透明通道；
R：三基色之紅色；
G：三基色之綠色；
B：三基色之藍(lán)色；
因?yàn)镽GB分別由8位二進(jìn)制數(shù)表示，因此在進(jìn)行色度調(diào)整的時(shí)候，我們只能選擇0~255。
4.2 像素點(diǎn)的位運(yùn)算：當(dāng)兩個(gè)像素點(diǎn)在同一坐標(biāo)時(shí)，會(huì)發(fā)生什么情況?
在C++中，我們給出了兩種運(yùn)算：
例如，黑色跟白色進(jìn)行位于（我們只考慮三基色，不考慮透明度）：
黑：000H
白：FFFH
結(jié)果：000H，位于結(jié)果為黑色。
黑色與白色進(jìn)行位或：
黑：000H
白：FFFH
結(jié)果：FFFH，位于結(jié)果為白色。
利用以上的運(yùn)算，我們可以讓圖片產(chǎn)生很多不同的效果，比如背景透明圖的實(shí)現(xiàn)，模糊化，馬賽克等。
5、言歸正傳，下面我們了解如何輸出帶顏色的字：
settextcolor(color);
//參數(shù)為你想要展示的顏色顯示為藍(lán)色字體：
initgraph(600, 400);
settextcolor(BLUE);//將文字顏色調(diào)整為藍(lán)色---------------------------
TCHAR s[] = _T("開(kāi)啟我的圖形編程之路！");
outtextxy(200, 200, s);
while (1);
return 0;輸出結(jié)果：
組合色：
initgraph(600, 400);
settextcolor(RGB(150,20,150));//文字顏色組合色--------------------------
TCHAR s[] = _T("開(kāi)啟我的圖形編程之路！");
outtextxy(200, 200, s);
while (1);
return 0;輸出結(jié)果：
6、字體格式的調(diào)整：
我們?cè)谑褂梦臋n編輯工具的時(shí)候，我們可以選擇調(diào)整字體的字號(hào)、字體樣式等，在C++中，我們使用settextstyle(int(字高),int(字寬),string(字體樣式));來(lái)實(shí)現(xiàn)。（注意，字體樣式使用字符串表示的時(shí)候，前面別忘了加’L’）
在這里簡(jiǎn)述一下什么是字高、字寬。實(shí)際上，我們編輯文本的時(shí)候，經(jīng)常使用字體的字號(hào)調(diào)節(jié)，但是我們調(diào)節(jié)的時(shí)候只調(diào)節(jié)一個(gè)字號(hào)值，并不存在什么字高、字寬。實(shí)際上，我們調(diào)節(jié)的字號(hào)就是字高，而字寬的變化屬于自適應(yīng)變化，其跟隨字高進(jìn)行變化。在這里，將字寬值設(shè)置為0時(shí)，其代表自適應(yīng)變化。
例如，將字號(hào)設(shè)置為50，字體為楷體：
initgraph(600, 400);
settextcolor(RGB(150, 20, 150));
settextstyle(50, 0, L"楷體");//字號(hào)設(shè)為50,字體為楷體---------------------
TCHAR s[] = _T("開(kāi)啟我的圖形編程之路！");
outtextxy(50, 200, s);
while (1);
return 0;
輸出結(jié)果：
7、圖片的輸出：
圖片文件與之前我們學(xué)習(xí)文件io的操作要求完全一致，并且注意將你的圖片放到正確的文件夾中。
學(xué)習(xí)之前，我們看一個(gè)普通數(shù)據(jù)的輸入輸出：
int a; //定義一個(gè)整型變量
scanf("%d",&a); //從控制臺(tái)讀取一個(gè)10進(jìn)制的數(shù)據(jù)保存在a中
printf("%d",a); //將a輸出在控制臺(tái)。
圖片的顯示也與此類似：
IMAGE p; //定義一個(gè)IMAGE類型變量
loadimage(&p,"圖片名"); //從文件中讀取一張圖片保存到p中
putimage(int x,int y,&p);//將p中的圖像輸出在界面上
例如：
我們選擇一個(gè)寬1000，高625的圖片：
建立對(duì)應(yīng)窗口并載入輸出圖片：
initgraph(1000, 625);//---------------------------------
IMAGE m;
loadimage(&m, L"Pokemon.jpg");//注意后綴-----------------
putimage(0, 0, &m);//-----------------------------------
while (1);
return 0;
輸出結(jié)果：
8、音樂(lè)播放：
在我們建立的窗口也能進(jìn)行音樂(lè)播放（音樂(lè)播放器設(shè)計(jì)的基礎(chǔ)）
(重點(diǎn))在C++中的EasyX并沒(méi)有播放音樂(lè)的對(duì)應(yīng)文件，它是windows系統(tǒng)的東西，因此只有一個(gè)easyx頭文件根本不夠用>。我們可以按照以下步驟：
包含頭文件mmsystem.h mm:Multi-Media多媒體
包含一個(gè)庫(kù)文件 winmm.lib win:windows mm同上
庫(kù)文件包含方式：
#pragma comment (lib,“winmm.lib”) //c-預(yù)處理語(yǔ)句
調(diào)用函數(shù)：mciSendString(string file_name) //這里的file_name同文件io(注意后綴)
我們?cè)卺槍?duì)mciSendString(string file_name)進(jìn)行用法介紹：
| 代碼 | 解釋 |
|---|---|
| mciSendString(“open 夜曲.mp3”,0,0,0); | 打開(kāi)音樂(lè)文件 |
| mciSendString(“play 夜曲.mp3”,0,0,0); | 播放音樂(lè)文件 |
| mciSendString(“pause 夜曲.mp3”,0,0,0); | 暫停音樂(lè)播放 |
| mciSendString(“close 夜曲.mp3”,0,0,0); | 關(guān)閉音樂(lè)文件 |
其中：
mic: modia control interface:媒體控制接口
send string: 發(fā)送字符串
后面的三個(gè)0暫時(shí)先不管，因?yàn)樗婕暗臇|西比較多（比如聲道），新手先不用管太多，我們簡(jiǎn)單模擬一下就行，后面有時(shí)間再深入。
注意：
1、網(wǎng)易云的音樂(lè)播放不了。（文件內(nèi)部做了調(diào)整，windows系統(tǒng)內(nèi)部無(wú)法識(shí)別）QQ音樂(lè)可以
2、音樂(lè)名稱中間不能有空格，因?yàn)槟愕囊恍┎僮餍枰每崭駚?lái)隔開(kāi)（比如open和文件名中間留一個(gè)空格）
3、請(qǐng)?zhí)崆鞍盐募卣姑瓷?，不要自己改后綴
例如：
#include#include//-------------------------------------一定別忘了引入
#pragma comment (lib,"winmm.lib")//----------------------一定別忘了引入
int main() { initgraph(1000, 625);
mciSendString(L"open 1.mp3", 0, 0, 0); //打開(kāi)---------------------
mciSendString(L"play 1.mp3", 0, 0, 0); //播放---------------------
while (1);
return 0;
}
當(dāng)窗口生成后，會(huì)自動(dòng)播放音樂(lè)。
9、背景色修改：setbkcolor()+cleardevice();
setbkcolor:設(shè)置背景色
cleardevice:用當(dāng)前背景色刷新窗口。
注意：僅僅使用setbkcolor()后，我們并不能直接改變窗口背景的顏色，必須后面來(lái)一次cleardevice來(lái)刷新一下。
示例：
initgraph(1000, 625);
setbkcolor(WHITE);//--------------------------------背景白色
cleardevice();//------------------------------------刷新背景色
settextcolor(RED);
settextstyle(30, 0, "宋體");
outtextxy(400, 260, "Hello World!");
while (1);
return 0;輸出結(jié)果：
后記：
為打好圖形編程的基礎(chǔ)，正所謂磨刀不誤砍材工，我們先把EasyX文檔上面涉及的基本操作多多運(yùn)用，熟練掌握，等使用熟練了以后，再去掌握畫圖的進(jìn)階內(nèi)容（比如動(dòng)畫、按鈕、鼠標(biāo)點(diǎn)擊事件等，實(shí)際上，掌握了上面的基礎(chǔ)內(nèi)容結(jié)合文件IO，就做一些簡(jiǎn)單的數(shù)據(jù)可視化）。EasyX文檔中涉及的基礎(chǔ)知識(shí)，每有心得即可再該文檔中進(jìn)行補(bǔ)充。而進(jìn)階內(nèi)容補(bǔ)充到另一個(gè)文檔中。
（文章作學(xué)習(xí)筆記使用，本人水平有限，若有紕漏，歡迎指正）
參考博文：
C/C++圖形庫(kù)EasyX快速上手指南【1】——繪圖窗口和基本圖形文字繪制(該文章中對(duì)字符串輸入部分的詳細(xì)解釋，內(nèi)容很好，可參考)
你是否還在尋找穩(wěn)定的海外服務(wù)器提供商？創(chuàng)新互聯(lián)www.cdcxhl.cn海外機(jī)房具備T級(jí)流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確流量調(diào)度確保服務(wù)器高可用性，企業(yè)級(jí)服務(wù)器適合批量采購(gòu)，新人活動(dòng)首月15元起，快前往官網(wǎng)查看詳情吧
