• 【C++】基于Easyx的UI库

    简介

    实现语言：C++

    项目名称：UI.h

    项目类型：控制台应用

    项目版本：2022-8-14

    开发环境：Visual Studio 2022 Community 17.3.0  &  Easyx 2022-6-10

    项目介绍

    前段时间我研究了C#，就想把C#窗体应用中的控件搬到C++上，于是就有了这篇文章。

    更新历史

    • 2022-8-14 优化已有的控件，将init()初始化函数改为构造函数；增加复选框（Checked List Box）
    • 2022-8-13 增加单选框（Check Box），优化按钮（Button）和文本（Label）
    • 2022-8-7 完成按钮（Button）和文本（Label）
    • 2022-8-5 创建UI.h

    代码

    这个代码只要是懂一点Easyx的应该都看得懂（因为Easyx本身并不难），并且我还在里面加了一些注释，应该大部分人阅读起来都是没问题的。

    UI.h

    1. /***************************************************************
    2.  *                                                             *
    3.  * UI.h                                                        *
    4.  * UI Library for C++ Base on Easyx.                           *
    5.  * Version : 2022-8-14                                         *
    6.  * https://easyx.cn                                            *
    7.  * https://blog.csdn.net/qq_43546083?spm=1000.2115.3001.5343   *
    8.  *                                                             *
    9.  ***************************************************************/
    10.  
    11. #pragma once
    12.  
    13. #if __has_include()
    14.  
    15. #include 
    16.  
    17. namespace UI {
    18. 	/**** 按钮 ****/
    19. 	class Button {
    20. 	public:
    21. 		/**** 控件左上角的x坐标 ****/
    22. 		int x = -1,
    23.  
    24. 		/**** 控件左上角的y坐标 ****/
    25. 		y = -1;
    26.  
    27. 		/**** 控件的宽度 ****/
    28. 		int width = -1,
    29.  
    30. 		/**** 控件的高度 ****/
    31. 		height = -1;
    32.  
    33. 		/**** 控件所显示的文本 ****/
    34. 		LPCTSTR text = L"";
    35.  
    36. 		/**** 控件显示的文本高度 ****/
    37. 		int size = 16;
    38.  
    39. 		/**** 控件是否可见，可见为true，否则为false ****/
    40. 		bool visible = false;
    41.  
    42. 		/**** 构造函数，初始化控件左上角的坐标、宽度、高度、显示的文本与文本的高度（默认为16） ****/
    43. 		Button(int x, int y, int width, int height, LPCTSTR text, int size = 16) {
    44. 			this->x = x;
    45. 			this->y = y;
    46. 			this->width = width;
    47. 			this->height = height;
    48. 			this->text = text;
    49. 			this->size = size;
    50. 			return;
    51. 		}
    52.  
    53. 		/**** 显示控件,成功返回true，出现异常返回false ****/
    54. 		bool show() {
    55. 			if (visible) {
    56. 				//当前控件可见
    57. 				return false;
    58. 			}
    59. 			int temp = getbkmode();
    60. 			setbkmode(TRANSPARENT);
    61. 			LOGFONT* temp1 = new LOGFONT();
    62. 			LOGFONT* temp2 = new LOGFONT();
    63. 			gettextstyle(temp1);
    64. 			gettextstyle(temp2);
    65. 			temp2->lfHeight = size;
    66. 			settextstyle(temp2);
    67. 			if (width - textwidth(text) <= 0 || height - textheight(text) <= 0) {
    68. 				//文字过大
    69. 				settextstyle(temp1);
    70. 				return false;
    71. 			}
    72. 			fillrectangle(x, y, x + width - 1, y + height - 1);
    73. 			outtextxy(x + (width - textwidth(text)) / 2, y + (height - textheight(text)) / 2, text);
    74. 			settextstyle(temp1);
    75. 			setbkmode(temp);
    76. 			delete temp1;
    77. 			delete temp2;
    78. 			visible = true;
    79. 			return true;
    80. 		}
    81.  
    82. 		/**** 隐藏控件 ****/
    83. 		void hide() {
    84. 			COLORREF temp = getfillcolor();
    85. 			setfillcolor(getbkcolor());
    86. 			solidrectangle(x, y, x + width - 1, y + height - 1);
    87. 			setfillcolor(temp);
    88. 			visible = false;
    89. 			return;
    90. 		}
    91.  
    92. 		/**** 判断按钮是否被按下，被按下返回true，没有按下或出现异常返回false ****/
    93. 		bool click(ExMessage m) {
    94. 			if ((x == -1 || y == -1 || width == -1 || height == -1) || !visible) {
    95. 				//未初始化控件或当前控件不可见
    96. 				return false;
    97. 			}
    98. 			return m.message == WM_LBUTTONUP && (m.x >= x && m.x <= x + width - 1) && (m.y >= y && m.y <= y + height - 1);
    99. 		}
    100.  
    101. 		/**** 刷新插件（显示状态下） ****/
    102. 		void reload() {
    103. 			visible = false;
    104. 			show();
    105. 		}
    106. 	};
    107.  
    108. 	/**** 文本（该控件为自动调整大小） ****/
    109. 	class Label {
    110. 	private:
    111. 		int width, height;
    112. 	public:
    113. 		/**** 控件左上角的x坐标 ****/
    114. 		int x = -1,
    115.  
    116. 			/**** 控件左上角的y坐标 ****/
    117. 			y = -1;
    118.  
    119. 		/**** 控件所显示的文本 ****/
    120. 		LPCTSTR text = L"";
    121.  
    122. 		/**** 控件显示的文本高度 ****/
    123. 		int size = 16;
    124.  
    125. 		/**** 控件是否可见，可见为true，否则为false ****/
    126. 		bool visible = false;
    127.  
    128. 		/**** 构造函数，初始化控件左上角的坐标、显示的文本与文本的高度（默认为16） ****/
    129. 		Label(int x, int y, LPCTSTR text, int size = 16) {
    130. 			this->x = x;
    131. 			this->y = y;
    132. 			this->text = text;
    133. 			this->size = size;
    134. 			width = 0;
    135. 			height = 0;
    136. 			return;
    137. 		}
    138.  
    139. 		/**** 显示控件,成功返回true，出现异常返回false ****/
    140. 		bool show() {
    141. 			if (visible) {
    142. 				//当前控件可见
    143. 				return false;
    144. 			}
    145. 			int temp = getbkmode();
    146. 			setbkmode(TRANSPARENT);
    147. 			LOGFONT* temp1 = new LOGFONT();
    148. 			LOGFONT* temp2 = new LOGFONT();
    149. 			gettextstyle(temp1);
    150. 			gettextstyle(temp2);
    151. 			temp2->lfHeight = size;
    152. 			settextstyle(temp2);
    153. 			outtextxy(x, y, text);
    154. 			width = textwidth(text);
    155. 			height = textheight(text);
    156. 			settextstyle(temp1);
    157. 			delete temp1;
    158. 			delete temp2;
    159. 			setbkmode(temp);
    160. 			visible = true;
    161. 			return true;
    162. 		}
    163.  
    164. 		/**** 隐藏控件 ****/
    165. 		void hide() {
    166. 			COLORREF temp = getfillcolor();
    167. 			setfillcolor(getbkcolor());
    168. 			solidrectangle(x, y, x + width - 1, y + height - 1);
    169. 			setfillcolor(temp);
    170. 			visible = false;
    171. 			return;
    172. 		}
    173.  
    174. 		/**** 刷新插件（显示状态下） ****/
    175. 		void reload() {
    176. 			visible = false;
    177. 			show();
    178. 		}
    179. 	};
    180.  
    181. 	/**** 勾选框（该控件为自动大小） ****/
    182. 	class CheckBox {
    183. 	private:
    184. 		//勾选框=按钮+文本
    185. 		Button* button;
    186. 		Label* label;
    187.  
    188. 	public:
    189. 		/**** 控件左上角的x坐标 ****/
    190. 		int x = -1,
    191.  
    192. 		/**** 控件左上角的y坐标 ****/
    193. 			y = -1;
    194.  
    195. 		/**** 控件所显示的文本 ****/
    196. 		LPCTSTR text = L"";
    197.  
    198. 		/**** 是否已被勾选 ****/
    199. 		bool state = false;
    200.  
    201. 		/**** 构造函数，初始化控件左上角的坐标与显示的文本 ****/
    202. 		CheckBox(int x, int y, LPCTSTR text) {
    203. 			this->x = x;
    204. 			this->y = y;
    205. 			this->text = text;
    206. 			button = new Button(x, y, 18, 18, L"");
    207. 			label = new Label(x + 20, y, text, 18);
    208. 			return;
    209. 		}
    210.  
    211. 		/**** 显示控件,成功返回true，出现异常返回false ****/
    212. 		bool show() {
    213. 			if (!button->show() || !label->show()) {
    214. 				hide();
    215. 				return false;
    216. 			}
    217. 			return true;
    218. 		}
    219.  
    220. 		/**** 隐藏控件 ****/
    221. 		void hide() {
    222. 			button->hide();
    223. 			label->hide();
    224. 			return;
    225. 		}
    226.  
    227. 		/**** 控件是否被勾选，按下则切换效果，出现异常返回false ****/
    228. 		bool check(ExMessage m) {
    229. 			if ((button->x == -1 || button->y == -1 || button->width == -1 || button->height == -1) || (label->x == -1 || label->y == -1) || !(button->visible && label->visible)) {
    230. 				//未初始化控件或当前控件不可见
    231. 				return false;
    232. 			}
    233. 			if (button->click(m)) {
    234. 				state = !state;
    235. 				button->text = state ? L"√" : L"";
    236. 				reload();
    237. 			}
    238. 			return true;
    239. 		}
    240.  
    241. 		/**** 刷新插件（显示状态下） ****/
    242. 		void reload() {
    243. 			button->reload();
    244. 			label->reload();
    245. 		}
    246.  
    247. 		~CheckBox()
    248. 		{
    249. 			delete button;
    250. 			delete label;
    251. 		}
    252. 	};
    253.  
    254. 	/**** 复式勾选框（最多15项，该控件为自动大小） ****/
    255. 	class CheckedListBox {
    256. 	public:
    257. 		//复式勾选框=多个勾选框
    258. 		CheckBox* checkbox[15] = { nullptr };
    259.  
    260. 		/**** 项数 ****/
    261. 		int num = 0;
    262.  
    263. 		/**** 构造函数，初始化控件左上角的坐标与显示的文本 ****/
    264. 		CheckedListBox(int x, int y, int num, LPCTSTR text[]) {
    265. 			if (num > 15) {
    266. 				MessageBox(0, L"项数过多！", L"UI.h", MB_OK | MB_ICONSTOP);
    267. 				return;
    268. 			}
    269. 			this->num = num;
    270. 			for (int i = 0; i < num; i++) {
    271. 				checkbox[i] = new CheckBox(x + 5, y + i * 20, text[i]);
    272. 			}
    273. 		}
    274. 		CheckedListBox(int num, CheckBox checkbox[]) {
    275. 			if (num > 15) {
    276. 				MessageBox(0, L"项数过多！", L"UI.h", MB_OK | MB_ICONSTOP);
    277. 				return;
    278. 			}
    279. 			this->num = num;
    280. 			for (int i = 0; i < num; i++) {
    281. 				this->checkbox[i] = &checkbox[i];
    282. 			}
    283. 		}
    284.  
    285. 		/**** 显示控件,成功返回true，出现异常返回false ****/
    286. 		bool show() {
    287. 			int maxlen = -1;
    288. 			for (int i = 0; i < num; i++) {
    289. 				maxlen = max(maxlen, textwidth(checkbox[i]->text));
    290. 				if (!checkbox[i]->show()) {
    291. 					for (int j = 0; j < i; j++) {
    292. 						checkbox[j]->hide();
    293. 						return false;
    294. 					}
    295. 				}
    296. 			}
    297. 			rectangle(checkbox[0]->x - 5, checkbox[0]->y - 5, checkbox[0]->x + maxlen + 25, checkbox[0]->y + num * 20 + 3);
    298. 			return true;
    299. 		}
    300.  
    301. 		/**** 隐藏控件 ****/
    302. 		void hide() {
    303. 			for (int i = 0; i < num; i++) checkbox[i]->hide();
    304. 		}
    305.  
    306. 		/**** 控件是否被勾选，按下则切换效果，出现异常返回false ****/
    307. 		bool check(ExMessage m) {
    308. 			for (int i = 0; i < num; i++) {
    309. 				if (!checkbox[i]->check(m))return false;
    310. 			}
    311. 			return true;
    312. 		}
    313.  
    314. 		/**** 刷新插件（显示状态下） ****/
    315. 		void relad() {
    316. 			for (int i = 0; i < num; i++)checkbox[i]->reload();
    317. 			return;
    318. 		}
    319.  
    320. 		~CheckedListBox()
    321. 		{
    322. 			delete[] &checkbox;
    323. 		}
    324. 	};
    325. }
    326. #else
    327. 	#error 请先安装Easyx库，下载地址：https://easyx.cn
    328. #endif

    在这里，为了让大家简单了解一下这些类使用的方法，给了一段参考代码：

    text.cpp

    1. #include "UI.h"
    2. int main() {
    3. 	initgraph(640,480);
    4. 	settextcolor(BLACK);
    5. 	setbkcolor(RGB(240, 240, 240));
    6. 	setlinecolor(BLACK);
    7. 	setfillcolor(RGB(230, 230, 230));
    8. 	cleardevice();
    9. 	LPCTSTR text[3] = { L"这是",L"一个",L"Checked List Box" };
    10. 	UI::Button button(5, 5, 200, 60, L"这是一个Button");
    11. 	UI::CheckBox checkbox(5, 70, L"这是一个Check Box");
    12. 	UI::CheckedListBox checkedlistbox(5, 155, 3, text);
    13. 	UI::Label label1(5, 95, L"这是一个Label"), label2(5, 115, L"这是一个彩蛋", 32);
    14. 	button.show();
    15. 	checkbox.show();
    16. 	checkedlistbox.show();
    17. 	label1.show();
    18. 	ExMessage m;
    19. 	while (true) {
    20. 		m = getmessage(EM_MOUSE);
    21. 		checkbox.check(m);
    22. 		checkedlistbox.check(m);
    23. 		if (checkbox.state == true)label2.show();
    24. 		else label2.hide();
    25. 		if (button.click(m)){
    26. 			if (label1.visible)label1.hide();
    27. 			else label1.show();
    28. 		}
    29. 	}
    30. 	return 0;
    31. }

     运行效果：

    UI.h 2022-8-14版本 效果

    好了，今天就到这里了。如果大家有对这篇文章有不懂或有建议可以告诉我。拜拜！

  • 相关阅读:
    刷题错题录2-向上取整、三角形条件、字符串拼接匹配、三数排序思路
    【华为机试真题 JAVA】5键键盘的输出-100
    CEC2013（MATLAB）：狐猴优化算法（Lemurs Optimizer，LO）求解CEC2013（提供MATLAB代码及参考文献）
    【云原生】Secret敏感信息存储
    SD中的VAE,你不能不懂
    MCS：离散随机变量——Poisson分布
    含文档+PPT+源码等]精品基于Uniapp+Springboot实现的Android的学习生活交流APP[包运行成功]Nodejs毕业设计计算机项目源码
    Linux基本指令笔记
    C基础练习（学生管理系统）
    题目 1065: 二级C语言-最小绝对值
  • 原文地址：https://blog.csdn.net/qq_43546083/article/details/126322083