【C++】基于Easyx的UI库（2022-8-21 V1）

最新推荐文章于 2024-04-16 11:28:19 发布
最新推荐文章于 2024-04-16 11:28:19 发布
阅读量8k 收藏 12
点赞数 9
分类专栏： C++ Easyx 文章标签： C++ Easyx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43546083/article/details/126473522
版权
C++ 同时被 2 个专栏收录
4 篇文章 0 订阅
订阅专栏
Easyx
4 篇文章 1 订阅
订阅专栏

系列文章目录

【C++】基于Easyx的UI库（2022-8-14 V1）

【C++】基于Easyx的UI库（2022-8-14 V2）

简介

实现语言：C++

项目名称：UI.h

项目类型：控制台应用

项目版本：2022-8-21 V1

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

这里就不再写项目介绍了（因为根本就没啥好写的）。

更新历史

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

代码

UI.h

/***************************************************************
 *                                                             *
 * UI.h                                                        *
 * UI Library for C++ Base on Easyx.                           *
 * Version : 2022-8-21 V1                                      *
 * https://easyx.cn                                            *
 * https://blog.csdn.net/qq_43546083?spm=1000.2115.3001.5343   *
 *                                                             *
 ***************************************************************/

#pragma once

#if __has_include(<graphics.h>)

#include <graphics.h>

namespace UI {
	/**** 按钮 ****/
	class Button {
	private:
		int width = 0, height = 0;

	public:
		/**** 控件左上角的x坐标 ****/
		int x = 0,

		/**** 控件左上角的y坐标 ****/
		y = 0;

		/**** 控件所显示的文本 ****/
		LPTSTR text = new wchar_t[1024];

		/**** 控件显示的文本高度 ****/
		int size = 16;

		/**** 控件是否可见，可见为true，否则为false ****/
		bool visible = false;

		/**** 构造函数，初始化控件左上角的坐标、宽度、高度、显示的文本与文本的高度（默认为16） ****/
		Button(int x, int y, int width, int height, LPCTSTR text, int size = 16) {
			this->x = x;
			this->y = y;
			this->width = width;
			this->height = height;
			lstrcpy(this->text, text);
			this->size = size;
			return;
		}

		/**** 显示控件,成功返回true，出现异常返回false ****/
		bool show() {
			if (visible) {
				//当前控件可见
				return false;
			}
			int temp = getbkmode();
			setbkmode(TRANSPARENT);
			LOGFONT* temp1 = new LOGFONT();
			LOGFONT* temp2 = new LOGFONT();
			gettextstyle(temp1);
			gettextstyle(temp2);
			temp2->lfHeight = size;
			settextstyle(temp2);
			if (width - textwidth(text) <= 0 || height - textheight(text) <= 0) {
				//文字过大
				settextstyle(temp1);
				return false;
			}
			fillrectangle(x, y, x + width - 1, y + height - 1);
			outtextxy(x + (width - textwidth(text)) / 2, y + (height - textheight(text)) / 2, text);
			settextstyle(temp1);
			setbkmode(temp);
			delete temp1;
			delete temp2;
			visible = true;
			return true;
		}

		/**** 隐藏控件 ****/
		void hide() {
			clearrectangle(x, y, x + width - 1, y + height - 1);
			visible = false;
			return;
		}

		/**** 判断按钮是否被按下，被按下返回true，没有按下或出现异常返回false ****/
		bool click(ExMessage m) {
			if (!visible) {
				//当前控件不可见
				return false;
			}
			return m.message == WM_LBUTTONDOWN && (m.x >= x && m.x <= x + width - 1) && (m.y >= y && m.y <= y + height - 1);
		}

		/**** 刷新插件（显示状态下） ****/
		void reload() {
			visible = false;
			show();
			return;
		}

		~Button()
		{
			text = nullptr;
			delete[] text;
			return;
		}
	};

	/**** 文本（该控件为自动调整大小） ****/
	class Label {
	private:
		int width, height;

	public:
		/**** 控件左上角的x坐标 ****/
		int x = 0,

		/**** 控件左上角的y坐标 ****/
			y = 0;

		/**** 控件所显示的文本 ****/
		LPTSTR text = new wchar_t[1024];

		/**** 控件显示的文本高度 ****/
		int size = 16;

		/**** 控件是否可见，可见为true，否则为false ****/
		bool visible = false;

		/**** 构造函数，初始化控件左上角的坐标、显示的文本与文本的高度（默认为16） ****/
		Label(int x, int y, LPCTSTR text, int size = 16) {
			this->x = x;
			this->y = y;
			lstrcpy(this->text, text);
			this->size = size;
			width = 0;
			height = 0;
			return;
		}

		/**** 显示控件,成功返回true，出现异常返回false ****/
		bool show() {
			if (visible) {
				//当前控件可见
				return false;
			}
			int temp = getbkmode();
			setbkmode(TRANSPARENT);
			LOGFONT* temp1 = new LOGFONT();
			LOGFONT* temp2 = new LOGFONT();
			gettextstyle(temp1);
			gettextstyle(temp2);
			temp2->lfHeight = size;
			settextstyle(temp2);
			outtextxy(x, y, text);
			width = textwidth(text);
			height = textheight(text);
			settextstyle(temp1);
			delete temp1;
			delete temp2;
			setbkmode(temp);
			visible = true;
			return true;
		}

		/**** 隐藏控件 ****/
		void hide() {
			clearrectangle(x, y, x + width - 1, y + height - 1);
			visible = false;
			return;
		}

		/**** 刷新插件（显示状态下） ****/
		void reload() {
			visible = false;
			show();
			return;
		}

		~Label()
		{
			text = nullptr;
			delete[] text;
			return;
		}
	};

	/**** 勾选框（该控件为自动大小） ****/
	class CheckBox {
	private:
		//勾选框=按钮+文本
		Button* button;
		Label* label;

	public:
		/**** 控件左上角的x坐标 ****/
		int x = 0,

		/**** 控件左上角的y坐标 ****/
			y = 0;

		/**** 控件所显示的文本 ****/
		LPTSTR text = new wchar_t[1024];

		/**** 是否已被勾选 ****/
		bool state = false;

		/**** 构造函数，初始化控件左上角的坐标与显示的文本 ****/
		CheckBox(int x, int y, LPCTSTR text) {
			this->x = x;
			this->y = y;
			lstrcpy(this->text, text);
			button = new Button(x, y, 18, 18, L"");
			label = new Label(x + 20, y, text, 18);
			return;
		}

		/**** 显示控件,成功返回true，出现异常返回false ****/
		bool show() {
			if (!button->show() || !label->show()) {
				//当前控件可能可见
				hide();
				return false;
			}
			return true;
		}

		/**** 隐藏控件 ****/
		void hide() {
			button->hide();
			label->hide();
			return;
		}

		/**** 控件是否被勾选，按下则切换效果，出现异常返回false ****/
		bool check(ExMessage m) {
			if (!(button->visible && label->visible)) {
				//当前控件不可见
				return false;
			}
			if (button->click(m)) {
				state = !state;
				state ? lstrcpy(button->text, L"√") : lstrcpy(button->text, L"");
				reload();
			}
			return true;
		}

		/**** 刷新插件（显示状态下） ****/
		void reload() {
			button->reload();
			label->reload();
			return;
		}

		~CheckBox()
		{
			text = nullptr;
			button = nullptr;
			label = nullptr;
			delete[] text;
			delete button;
			delete label;
			return;
		}
	};

	/**** 复选框（最多15项，该控件为自动大小） ****/
	class CheckedListBox {
	private:
		int num = 0;

	public:
		//复选框=多个勾选框
		CheckBox* checkbox[15] = { nullptr };

		/**** 控件左上角的x坐标 ****/
		int x = 0,

		/**** 控件左上角的y坐标 ****/
			y = 0;

		/**** 构造函数，初始化控件左上角的坐标与显示的文本 ****/
		CheckedListBox(int x, int y, int num, LPCTSTR text[]) {
			this->x = x;
			this->y = y;
			if (num > 15) {
				MessageBox(0, L"项数过多！", L"UI.h", MB_OK | MB_ICONSTOP);
				return;
			}
			this->num = num;
			for (int i = 0; i < num; i++) {
				checkbox[i] = new CheckBox(x + 5, y + 5 + i * 20, text[i]);
			}
		}
		CheckedListBox(int num, CheckBox checkbox[]) {
			this->x = checkbox[0].x - 5;
			this->y = checkbox[0].y - 5;
			if (num > 15) {
				MessageBox(0, L"项数过多！", L"UI.h", MB_OK | MB_ICONSTOP);
				return;
			}
			this->num = num;
			for (int i = 0; i < num; i++) {
				this->checkbox[i] = &checkbox[i];
			}
		}

		/**** 显示控件,成功返回true，出现异常返回false ****/
		bool show() {
			int maxlen = 0;
			for (int i = 0; i < num; i++) {
				maxlen = max(maxlen, textwidth(checkbox[i]->text));
				if (!checkbox[i]->show()) {
					for (int j = 0; j < i; j++) {
						checkbox[j]->hide();
						return false;
					}
				}
			}
			rectangle(x, y, x + maxlen + 30, y + num * 20 + 8);
			return true;
		}

		/**** 隐藏控件 ****/
		void hide() {
			for (int i = 0; i < num; i++) checkbox[i]->hide();
			return;
		}

		/**** 控件是否被勾选，按下则切换效果，出现异常返回false ****/
		bool check(ExMessage m) {
			for (int i = 0; i < num; i++) {
				if (!checkbox[i]->check(m))return false;
			}
			return true;
		}

		/**** 刷新插件（显示状态下） ****/
		void relad() {
			for (int i = 0; i < num; i++)checkbox[i]->reload();
			return;
		}

		~CheckedListBox()
		{
			for (int i = 0; i < num; i++) {
				checkbox[i] = nullptr;
				delete checkbox[i];
			}
			return;
		}
	};

	/**** 文本框 ****/
	class TextBox {
	private:
		int width, height = 22;
		Button* button;
		Label* label;

	public:
		/**** 控件左上角的x坐标 ****/
		int x = 0,

		/**** 控件左上角的y坐标 ****/
			y = 0;

		/**** 控件所显示的文本 ****/
		LPTSTR text = new wchar_t[1024];

		/**** 构造函数，初始化控件左上角的坐标与显示的文本 ****/
		TextBox(int x, int y, int width) {
			this->x = x;
			this->y = y;
			this->width = width;
			this->height = height;
			lstrcpy(text, L" ");
			button = new Button(x, y, width, height, L"");
			label = new Label(x + 5, y + 3, L"");
			return;
		}

		/**** 显示控件,成功返回true，出现异常返回false ****/
		bool show() {
			if (!button->show() || !label->show()) {
				hide();
				return false;
			}
			return true;
		}

		/**** 隐藏控件 ****/
		void hide() {
			button->hide();
			label->hide();
			return;
		}

		/**** 刷新插件（显示状态下） ****/
		void reload() {
			button->reload();
			label->reload();
			return;
		}

		/**** 输入文本 ****/
		void in() {
			ExMessage m;
			int count = -1;
			size_t len = 0;
			bool state = false;
			while (true) {
				m.message = 0;
				peekmessage(&m, EM_MOUSE | EM_CHAR);
				if (m.message == WM_LBUTTONDOWN) {
					if (!button->click(m)) {
						state = false;
						goto End;
					}
					state = true;
				}
				else if (m.message == WM_CHAR && state) {
					len = wcslen(label->text);
					switch (m.ch) {
					case '\b':
						if (len > 0) {
							label->text[len - 1] = 0;
							clearrectangle(x + 1 + textwidth(label->text), y + 3, x + width - 2, y + height - 4);
							lstrcpy(text, label->text);
							label->reload();
						}
						break;
					case '\n':
					case '\r':
						state = false;
						goto End;
						break;
					default:
						label->text[len++] = m.ch;
						label->text[len] = 0;
						if (textwidth(label->text) < width - 10) {
							label->text[--len] = 0;
							clearrectangle(x + 5 + textwidth(label->text), y + 3, x + 5 + textwidth(label->text), y + height - 4);
							label->text[len++] = m.ch;
							lstrcpy(text, label->text);
							label->reload();
						}
						else {
							label->text[--len] = 0;
						}
						break;
					}
				}
				count = (count + 1) % 64;
				if (count < 32 && state) line(x + 5 + textwidth(label->text), y + 3, x + 5 + textwidth(label->text), y + height - 4);
				else if (state) clearrectangle(x + 5 + textwidth(label->text), y + 3, x + 5 + textwidth(label->text), y + height - 4);
				Sleep(10);
			}
		End:
			clearrectangle(x + 5 + textwidth(label->text), y + 3, x + 5 + textwidth(label->text), y + height - 4);
			return;
		}

		~TextBox()
		{
			delete button;
			delete label;
			return;
		}
	};
}
#else
	#error 请先安装Easyx库，下载地址：https://easyx.cn
#endif

今天上一个例子：

text.cpp

#include "UI.h"
int main() {
	initgraph(640, 480);
	settextcolor(BLACK);
	setlinecolor(BLACK);
	setbkcolor(RGB(240, 240, 240));
	cleardevice();
	UI::TextBox textbox(5, 5, 200);
	textbox.show();
	int width = 0;
	while (true) {
		width = textwidth(textbox.text);
		textbox.in();
		clearrectangle(10, 40, 20 + width, 56);
		outtextxy(10, 40, textbox.text);
	}
}

运行效果：

UI.h 2022-8-21 V1版本 效果

溜了，拜拜！

H.Y_C ⁹⁹⁹⁹⁹⁹⁺
关注
  • 9
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 6
    评论
专栏目录
EasyX二三事
qq_41757528的博客
08-23 4712
写了一些关于EasyX库的内容。
无窗口C++UI界面库，功能强大
11-19
采用无窗口UI绘制界面，功能非常强大，支持动画效果，采用DirectX3D加速
Easyx简单使用
qq_73685351的博客
11-09 4020
创建窗口大小为 initgraph（640（长），480（宽）showconsole（显示控制台））： 关闭窗口closegraph（）； 绘图函数 例 画圆（radius半径） circle（）无填充 fillcircle（）有边框填充 solidcircle（）无边框填充 ellipse椭圆 pie扇形 polygon多边形 rectangle矩形（左上角和右下角的坐标） roundrect圆角矩形
EasyExcel增加下拉选择框
weixin_45935673的博客
04-16 119
本文将用示例介绍如何用EasyExcel导出下拉框。
C++实现基于EasyX的简单按钮类Button以及简单界面跳转
yyl1025的博客
07-01 7817
本文提供了关于如何实现按钮类和界面的思路以及简单的实现，更复杂的操作读者可自行尝试。
easyX简单实现文本编辑器
03-24
使用easy实现的一个简单的文件阅读器
C++界面库(十几种,很全)
lzhdim的专栏
11-13 3913
C++界面库是用于GUI界面设计的工具包，可以帮助开发人员快速开发出美观、易用的界面。在选择C++界面库的时候，开发人员需要根据项目要求、使用场景、开发难易程度以及所适配的操作系统等因素进行综合考虑。 下面列举了十几种常见的C++界面库，简单介绍它们的安装、使用、特点和适用场景。 1. Qt Qt是一个跨平台的C++应用程序和UI开发框架，可用于开发各种类型的GUI应用程序，包括桌面、移动、嵌入...
c++ 界面库
大余里，大余的干货分享
04-07 1325
刚开始用C++做界面的时候，根本不知道怎么用简陋的MFC控件做出比较美观的界面，后来就开始逐渐接触到BCG Xtreme ToolkitPro v15.0.1，Skin++,等界面库，以及一些网友自己写的界面库，开始对于C++软件界面美化有了一点点的心得。不敢藏私，希望和一些新手朋友们分享交流。 一. 开源C++界面库 1.RingSdk Ringsdk是C...
【C++】基于Easyx的UI库（2022-8-14 V1）
一枚初中生的博客
08-14 8826
【C++】基于Easyx的UI库（2022-8-14 V1）
UI神器-SOUI
weixin_33979363的博客
11-26 1601
前言  在Windows平台上开发客户端产品是一个非常痛苦的过程，特别是还要用C++的时候。尽管很多语言很多方法都可以开发Windows桌面程序，目前国内流行的客户端产品都是C++开发的，比如QQ，YY语音，迅雷等。快速，稳定是我认为的应用软件开发框架最基本的要求，对于UI还有两个要求就是界面美观，配置灵活。C++语言满足了快速的要求，传统的客户端软件开发框架如MFC...
C++基于EasyX图形库实现2048小游戏
08-24
主要为大家详细介绍了C++基于EasyX图形库实现2048小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
C++基于easyx图形库实现推箱子游戏
08-18
主要为大家详细介绍了C++基于easyx图形库实现推箱子游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
C++基于easyX图形库，制作的图像处理工具
最新发布
04-18
C++基于easyX图形库，制作的图像处理工具。水平垂直翻转、任意角度旋转、调整亮度、对比度、色彩饱和度、缩放、裁剪等
课程设计大作业基于C++图形库Easyx的学生信息管理系统源码.zip
06-17
课程设计大作业基于C++图形库Easyx的学生信息管理系统源码。使用c++和c++图形库Easyx制作的一个学生信息管理系统。课程设计大作业基于C++图形库Easyx的学生信息管理系统源码。使用c++和c++图形库Easyx制作的一个学生...
C++的GUI库
QQVQQ的博客
04-11 4531
本文你介绍C++语言的图形界面库
C++ 的图形界面(UI)库
ActionLi的专栏
06-19 2万+
资料整理自网络．我会继续关注，最终形成一篇技术报告.wxwidgetsqt   所有平台 linux,win,unixwtl 这个做界面很不错，而且消息都是自己处理，想怎么做都可以smartwinwinx GuiToolkit  开源 基于MFCBCG ControlBars,  典型例子：ACDSee 7以上，MindManager 此外有许多Application Framework也是好的选
C++界面库
热门推荐
_Witch__的专栏
09-03 6万+
开源C++界面库    1.RingSdk     Ringsdk是CSDN上一个前辈自己写的界面库，这个界面库很轻而易举实现QQ2009的界面效果。链接见    http://blog.csdn.net/ringphone/article/details/2911244   貌似Ringsdk和MFC无法进行交互，但是 RingSdk其中有很多的图形处理的代码都非常有参考价值。
c++ Windows ui库
m0_67672454的博客
12-20 555
c++Windows UI库
UILite——C++类库(XLib非界面功能库+UI和DirectUI库)简介
章志强的专栏
06-14 4366
UILite是一款继承自WTL以及和界面无关的功能库的合集，能够生成很小的可执行文件。如果你也象我一样希望自己的程序又小又快的话，UILite就是你的选择。当然，我们还要克服一些障碍： 　　1) ATL/WTL样式的模板类初看起来有点怪异  　　2) 没有类向导的支持，所以要手工处理所有的消息映射。  　　3) MSDN没有正式的文档支持，你现在看到的就是UILite的最权威的文档 4
easyx图形库-----贴图技巧之双缓冲消除闪屏
05-26
在使用 easyx 图形库进行绘图时，可能会出现闪屏的现象。这是因为在绘制图像时，先清空屏幕再重新绘制，这样会造成画面的闪烁。为了解决这个问题，可以使用双缓冲技术。 双缓冲技术的原理是在内存中创建一个与屏幕...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

H.Y_C ⁹⁹⁹⁹⁹⁹⁺

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值