返回：本文目录

布局在一个界面上的形形色色的控件我们都可以叫他为一个单元 ( cell )。

如上图所示，任意一个控件（不论它是否能与用户发生交互，图形规律与否）都是一个单元， 上一篇文章 我们已经学会了触发器以及相关实现，那么，我们将一个控件比作一个动物细胞，我们可以说触发器是细胞核，而绘图单元则是细胞膜，两者缺一不可，触发器负责处理用户点击，而绘图单元则负责展示画面。

接下来，我们将上一篇文章所写的触发器封装为 “trigger.h”（文件内容上一章已标注），然后再来开始今天的代码学习，由刚刚的介绍我们知道，绘图单元是负责将控件画出来的，所以不同的控件要拥有不同的绘图单元，那么我们首先创建一个根据图形贴图的绘图单元，因为绘图单元和触发器缺一不可，所以我们的绘图单元要派生于异形触发器 "geometry_trigger" 类。

接下来，我们来大概设计一下一个基础的贴图绘图单元：

[返回：本文目录](/margoo/easyx-control-menu)

触发器是判断鼠标是否浮动到控件上的判断器，分为两大类：

1. 异形触发器。
2. 矩形触发器。

先说矩形触发器吧。

如上图，这是一个使用 fillreactangle 函数画出来的矩形，这个时候让你想办法判断鼠标是否点击了该矩形，你一定会想到，用鼠标 x、y 坐标与矩形 x、y 坐标和长、宽来解决，确实这是一个方法，这里放一下伪代码：

// 伪代码
如果 (鼠标_x >= 矩形_x && 鼠标_x <= 矩形_x + 矩形长 &&
	  鼠标_y >= 矩形_y && 鼠标_y <= 矩形_y + 矩形宽)
{
	鼠标点击处理();
}

基于上面的逻辑，我们尝试在 C++ 中

前言

关于 EasyX 实现控件，已经有很多人给出过了大概实例甚至是一个完整的控件库，但是很少有人能接触到这部分底层UI原理。

本文主意在于让大家了解自绘 UI 控件的原理和大概实现过程，其余过多细节不做过多赘述，若有同学有兴趣写一个基于 EasyX 的控件库本文章或许会有帮助。

本文也会将在 EasyX 中写控件库项目的坑与细节指出，避免各位走过多的弯路~

目录

第一章 触发器

第二章 绘图单元

第三章 基础 UI 程序的结构与基础按钮

未完待续...

对于一个成熟的程序员来说，不管任何代码错误，没有找不到的错误，只是时间问题罢了。

一些初学者在面对代码错误的时候，全凭肉眼看。尤其是代码比较长的时候，更是对 bug 无从下手。这里推荐初学者一个排查错误的方法：删减法。

所谓删减法，就是逐步删除项目里的无关代码，确保每一步删减之后，故障都存在。删到最后无法再删的时候，通常你就能发现问题在哪了。

下面举个例子，有个同学在写一个画图板项目，执行后画圆时有错误，会产生这样的效果（画的圆有明显的残影）：

完整的有 Bug 的源码如下（代码不太成熟，请忽略）：

#include <graphics.h>
#include <conio.h>
#include <math.h>


void InitGUI(int color[])
{
	setbkcolor(WHITE);
	cleardevice();
	rectangle(140, 410, 500, 470

问题概述

EasyX 提供了两个头文件：

• graphics.h
• easyx.h

easyx.h 包含最新的函数，并且删掉了旧函数。graphics.h 引用了 easyx.h，同时提供了对旧函数的支持。使用 graphics.h 里面提供的旧函数时，会收到一个 Warning C4996，例如使用旧函数 GetMouseMsg，会收到编译提醒：

C4996：'GetMouseMsg': This function is deprecated. Instead, use this new function: getmessage. See https://docs.easyx.cn/getmessage for details.

在过去，Visual C++ 默认会将 C4996 归类为 Wa

简介

VS的项目中有一个 **生成事件 **的选项，即在执行相关操作时运行的一些命令行，只要能运用好这一功能可以很好地编程提升效率。

生成事件具体位置

命令行的命令可通过 cmd 中的 help 命令查询，这里便不再赘述。

实例1：根据 x86/x64 环境，将对应的 dll 文件移到项目文件夹下

在使用外部的库时，常有 x86/x64 两种不同的版本的 dll ，若改变编译环境，就要手动移动相应的 dll 文件，十分麻烦，因此可以利用生成前命令（此处以 fmod 为例），在编译前将相应的 dll 移动到项目文件夹中。

具体步骤：

1.打开项目属性页

2.选择平台 x64 选择配置 所有配置

3.点击生成事件页

4.点击生成前事件

5.在命令行一栏添加以下命令

copy /Y lib\x64\fmod.dll

6.应用