使用 EasyX 实现 UI 原理教程（章三 基础 UI 程序的结构与基础按钮）

一篇适合普通大一大二学生（指需要使用 EasyX 构建普通小界面来完成小作业）阅读的文章，在阅读完本文以后，你们已经具备了构造一个适合自己作业中的 UI 库的能力，而往后的所有章节，难度将会提高，所学习的知识对于你用 EasyX 来实现小作业（甚至是部分大作业）没有任何帮助，只会徒增学习成本，特此做出提醒。

正文

在开始第三章的学习之前，我们先来理解几个概念：

1. 父与子

 图上所示，Form 1 窗口下有一 LineText 3 控件与 Button 2 控件，假设 LineText 3 与 Button 2 是 Form1 下一控件，那么我们便说 Form 1 是 LineText 3 与 Button 2 的“父亲”，相对的 LineText 3 与 Button 2 我们叫做“儿子”，专业点说 LineText 3 与 Button 2 是 Form 1 的子控件，Form 1 是 Button 2 与 LineText 3 的父窗口。

1. 事件（Event）

如果你有略微接触过 Win32 Api 的话，你肯定知道“事件”的概念，事件，简单来说就是用户的任意交互（例如：点击鼠标，移动鼠标，按下键盘），或者是一些提示消息，你可以把你的程序想象成人体的神经系统，你的函数 / 类就是神经元细胞，函数 / 类之间的通信就是基于事件（Event）。

在前两章中，我们已经学会了触发器以及绘图单元的相关知识，所以今天我们来正式进入 UI 的大门，首先我们要了解的是 UI 的基础结构。

我们需要了解 UI 是如何处理鼠标消息并且将它传递给控件的，不知道读者是否还记得我们第一章里边是如何实现触发器的 is_trigger 函数与 main 函数的，忘记了也没关系我把代码放在下面。

// rectangle_trigger 的 is_trigger 函数
bool is_trigger(ExMessage message)
{
	// 判断鼠标是否在矩形范围内
	return (message.x >= x && message.x <= x