内容简介
1、第三部分第二课： SDL开发游戏之创建窗口和画布
2、第三部分第三课预告： SDL开发游戏之显示图像
第三部分第二课：SDL开发游戏之创建窗口和画布
在上一课中，我们对SDL这个开源库做了介绍，也带大家配置了SDL的开发环境。请大家按照上一课的步骤创建一个SDL工程，能够初步运行。
如果遇到问题，可以百度，Google相关平台SDL的配置。或者联系小编。
当然了，有些朋友可能会说开发C语言游戏还可以用GTK+这个库，但是个人认为GTK+没有SDL那么适合开发游戏，其创建图形界面的能力倒是很强的。
SDL使得你可以用很少的资源占用，开发出很强大的游戏。而且我发现SDl很容易就能帮助我们开发出一些画风比较复古的游戏，如果你掌握好了SDL，那么开发怀旧的街机游戏是很简单的。
老的SDL版本一般是1.2版，但是目前已经不再怎么更新了吧，SDL官网最新的稳定版本（截止2015年6月23日）是SDL2.0.3，有人说2.0.4版也快发布了。
SDL1.2到SDL2.0，是一个很大的飞跃，增加了很多新的元素，性能也增强了很多。
不过可惜的是SDL2的API不向后兼容，不过一般来说SDL1.2编写的程序要迁移到SDL2.0，改动是不太大的。官网也有migration（迁移）的教程贴（全是英语，又一次“论学好英语对编程的帮助”，虽不是必须，但做编程不会英语是很可惜的）：
http://wiki.libsdl.org/MigrationGuide
推荐一个不错的百度贴吧：SDL吧
http://tieba.baidu.com/f?kw=sdl&ie=utf-8
如果你英语还不错，那么SDL官网的WiKi毫无疑问是最好的老师了，所有你想知道的SDL的知识几乎都在WiKi里：
注：小编会在Mac OS下的XCode上用SDL2来编写演示下面的课程。其他平台（Windows，Linux等）类似，就是环境配置略有不同，SDL具有可移植性。
SDL的加载和停止
可以说大部分的C语言第三方库在使用时，都需要初始化，使用完毕都要停止。SDL库的使用也不例外。
SDL库在使用之初，需要加载一些信息到内存中，以便正常运行。这些信息是被动态地加载到内存中的，用到了malloc函数，那么释放这些信息，就要用到与malloc对应的函数free了。
大家每次用malloc函数申请了一块内存，使用完毕不再需要时，一定要记得用free函数释放。不然内存会泄露太多，最终导致没有空间可以分配。
SDL库里面为我们提供了完成加载和释放信息的两个配对函数：
SDL_Init：将SDL加载到内存中（调用一些malloc函数）
SDL_Quit：将SDL从内存中释放（调用一些free函数）
所以，我们在构建SDL程序时，一开始需要调用SDL_Init，最后结束时需要调用SDL_Quit函数。
SDL_Init：将SDL加载到内存中
函数原型：
int SDL_Init(Uint32 flags)
SDL_Init函数必须在最开始调用，也就是使用任何其他SDL函数之前。它只有一个参数，这个参数是一个Uint32类型的（其实是系统定义的，就是int类型。不过是32位的无符号整型，也就是长度为4个字节的unsigned int型）。这个参数flags可以取下表中的一个值，代表我们下面程序中要用到SDL的哪一个子系统：
|
SDL_INIT_TIMER |
计时器子系统 |
|
SDL_INIT_AUDIO |
音频子系统 |
|
SDL_INIT_VIDEO |
视频子系统 |
|
SDL_INIT_JOYSTICK |
操纵杆子系统 |
|
SDL_INIT_HAPTIC |
触屏反馈子系统 |
|
SDL_INIT_GAMECONTROLLER |
控制器子系统 |
|
SDL_INIT_EVENTS |
事件子系统 |
|
SDL_INIT_EVERYTHING |
上面所有的子系统 |
以上表格中所列出的其实都是一些用#define定义的预处理常量。不太记得预处理常量的读者可以回去复习我们的《【C语言探索之旅】 第二部分第五课：预处理》。
给出在SDL.h头文件中，以上一些常量的定义：
#define SDL_INIT_TIMER 0x00000001#define SDL_INIT_AUDIO 0x00000010#define SDL_INIT_VIDEO 0x00000020
那你要问了：“SDL库还有子系统吗？”
是的。SDL有的子系统（部分的库）是负责屏幕显示的，有的是负责视频处理的，有的是负责操纵杆（小时候玩的那种游戏的操纵杆、摇杆）输入，等。这么多不同的子系统组成了SDL这个强大的库。
所以，如果我们这样调用：
SDL_Init(SDL_INIT_VIDEO);
就是告诉程序，我接下来要使用SDL库中视频处理那一部分的子系统。这样我们就可以创建一个窗口，在里面绘制各种图形，写文字，等等。
这样的方法在C语言编程中是很常用的，就是用#define来定义一些预处理常量（有时也叫“宏常量”），特别在嵌入式编程中非常有用。
这样做的好处是我们并不需要记住各种复杂的数值，而只需要记住几个英文的常量名，而且这些常量名是很容易见名知意的。例如：SDL_INIT_VIDEO中，SDL当然是指代SDL库，init是英语“初始化”的意思，video是“视频”的意思，那么这个常量就告诉SDL_Init函数，我们需要初始化SDL的视频子系统，这样视频子系统的各种信息就会被预先加载到内存中了。
因此，SDL_Init函数只要识别传给它的唯一参数的数值，就知道到底要加载哪些SDL子系统了。
如果我们调用：
SDL_Init(SDL_INIT_EVERYTHING);
那么就会加载所有SDL的子系统。一般不需要用到所有的（everything是英语“每样东西”，“所有”的意思）子系统，因为我们没有必要让电脑加载那些用不到的子系统，浪费内存。
你的问题又来了：“如果我同时需要加载两个或以上的子系统，该怎么做呢？”
这就要用到“按位或”运算符了。我们需要讲一下位运算的知识。
位运算
还记得我们以前的课程《【c语言探索之旅】第一部分第六课：条件表达式》里讲过的“逻辑运算符”吗？
那时候我们介绍了几个逻辑运算符：
|
逻辑运算符 |
意义 |
|---|---|
|
&& |
逻辑与 |
|
|| |
逻辑或 |
|
! |
逻辑非 |
逻辑与 &&
if (age > 18 && age < 25)
两个 & 号连在一起表示逻辑与，就是说当两边的表达式都为真时，括号中的整个表达式才为真，所以这里只有当age大于18并且小于25的情况下，括号里的表达式才为真。
逻辑或 ||
为了做逻辑或判断，我们则要用到两个 | 符号。逻辑或只要其两边的两个表达式有一个为真，整个表达式就为真。
if (age > 20 || money > 15000)
只有当age大于20或者money大于15000的情况下，括号里的表达式才为真。
逻辑非 !
逻辑非符号是感叹号，表示“取反”，加在表达式之前。如果表达式为真，那么加上感叹号则为假；如果表达式为假，那么加上感叹号则为真。
if (!(age < 18))
上面的表达式只有当age大于或等于18时才为真）。
今天来介绍一下与逻辑运算符有点“类似”但不同的“按位”运算符：
位运算，顾名思义是对“位”的运算。那么什么是“位”呢？
这里的“位”是比特位的意思，英文是“bit”。也就是我们以前说过的一个二进制位。
我们电脑最小的可读取单元就是一个bit位了，只能取0或1值（因为电脑里各样大大小小的半导体只有通和不通两种状态）。
我们平时所说的一个字节是由8个bit位组成的，例如：
01101110
C语言提供了6种位运算符：
|
按位运算符 |
意义 |
|---|---|
|
& |
按位与 |
|
| |
按位或 |
|
^ |
按位异或 |
|
~ |
取反 |
|
<< |
左移 |
|
>> |
右移 |
按位与运算符 &
只有参与&运算的两个位都为1时，结果才为1，否则为0。例如1&1为1，0&0为0，1&0为0。
数值在内存中以二进制的形式存在，9&5可写算式如下：
00001001 (9的二进制)
&00000101 (5的二进制)
00000001 (1的二进制)
所以9&5=1。
按位与运算通常用来对某些位清0或保留某些位。例如把 a 的高16位清 0 ，保留低16位，可作a&65535运算（65536占用4个字节。65535的二进制表示为00000000000000001111111111111111）。
注：
严格来说，在计算机系统中，数值在内存中一律以补码形式存在。正数的补码与它的二进制形式相同（与其原码一致），负数则不一样。
负数的补码：符号位为 1，其余位为该数绝对值的原码按位取反，然后整个数加 1。
按照负数补码的规则，可以知道-1的补码为 0xff（对应的二进制为11111111），-2 的补码为 0xfe（对应的二进制是11111110）。
使用补码，可以将符号位和其它位统一处理；同时，减法也可按加法来处理。另外，两个用补码表示的数相加时，如果最高位(符号位)有进位，则进位被舍弃。
按位或运算符 |
参与或运算|的两个二进制位有一个为1时，结果就为1，两个都为0时结果才为0。例如1|1为1，0|0为0，1|0为1。
9|5可写算式如下：
00001001 (9的二进制)
|00000101 (5的二进制)
00001101 (13的二进制)
所以9|5=13。
按位或运算可以用来将某些二进制位置1，而保留某些位。
按位异或运算符 ^
参与异或运算^的两个二进制位不同时，结果为1，相同时结果为0。也就是说，0^1为1，0^0为0，1^1为0。
9^5可写成算式如下：
00001001 (9的二进制)
^00000101 (5的二进制)
00001100 (12的二进制)
所以9^5=12。
按位异或运算可以用来反转某些二进制位。
取反运算符 ~
取反运算符~为单目运算符，右结合性。作用是对参与运算的数的各二进位按位取反。例如 ~1为0，~0为1。
~9的运算为：
~0000000000001001
1111111111110110
所以~9=65526。
左移运算符 <<
左移运算符<<用来把操作数的各二进位全部左移若干位，高位丢弃，低位补0。例如：
a=9;a<<3;
<<左边是要移位的操作数，右边是要移动的位数。
上面的代码表示把a的各二进位向左移动3位。a=00001001(9的二进制)，左移3位后为01001000（十进制72）。
右移运算符 >>
右移运算符>>用来把操作数的各二进位全部右移若干位，低位丢弃，高位补0（或1）。例如：
a=9;a>>3;
表示把a的各二进位向右移动3位。a=00001001(9的二进制)，右移3位后为00000001（十进制1）。
位运算是C语言的一个难点，在嵌入式编程中经常要用到。特别是这些运算符的结合混搭使用，是非常令人头痛的。
所以最好自己经常拿纸笔来做运算，使自己对二进制，十六进制很熟悉，特别是二进制和十六进制的转换。
介绍了位运算，我们回到SDL中。
我们在SDL的函数中要用到的位运算是 “按位或 |”，因为这可以把各个不同的选项“相加”，例如：
// 加载视频和音频子系统SDL_Init(SDL_INIT_VIDEO | SDL_INIT_AUDIO); // 加载视频，音频和计时器子系统SDL_Init(SDL_INIT_VIDEO | SDL_INIT_AUDIO | SDL_INIT_TIMER);
用这样的方式，我们就可以做到“需要哪些子系统就加载哪些”，不必要用SDL_INIT_EVERYTHING。
这些我们传给SDL_Init函数的参数称为flag，也就是“标记，标志”，这在编程中是很常见的一种用法。为了同时拥有多个标记，我们用按位或符号“|”来连接各个标记，有点类似加法。
SDL_Quit：退出SDL
SDL_Quit函数的调用非常简单，因为它没有参数：
SDL_Quit();
一旦程序运行这句命令，那么之前加载入内存的所有SDL子系统都将被停止并从内存释放。
这是优雅地结束SDL程序的方式，记得在SDL程序结尾处调用这个函数。
了解了SDL_Init和SDL_Quit这两个函数，我们就可以给出SDL程序的大致框架了：
#include <stdlib.h>#include <stdio.h>#include <SDL2/SDL.h>
int main(int argc, char *argv[]){ SDL_Init(SDL_INIT_VIDEO); // 启动SDL系统 (这里加载了视频子系统) /* SDL已被加载入内存。 在这里可以放置你的SDL程序的主体内容了 */ SDL_Quit(); // 停止SDL (释放内存). return 0;}
暂时我们的main函数中还没填入实质性的内容，只是演示了一下如何初始化和结束SDL库。
错误处理
SDL_Init函数的返回值有两种情况：
0：如果一切顺利
-1：如果有错误
这个返回值很有用，我们可以根据这个值来做对应操作。比如，出错时打印一句话，然后退出程序，因为如果初始化错误，那就没有必要再继续；一切顺利，那么继续往下执行。
虽然这个操作并不是必须，但是这是好习惯，可以让我们的程序更易调试，出了错会容易找到原因。
“如果有错误，那么我们如何打印出错误呢？”
好问题。我们有两种选择：
printf：用printf函数在终端上打印错误信息。
fprintf：把错误信息写进文件里。用fprintf函数。
我们选择第二种方式，也就是写入文件的方式。当然了，这种方式比printf麻烦一些。
不过，我们却有一种更简便的写入文件的方式：使用标准错误输出。
什么是标准错误输出呢？
C语言中，有标准输入，标准输出和标准错误输出。
在C语言中，在程序开始运行时，系统自动打开3个标准文件：标准输入、 标准输出、标准错误输出。通常这3个文件都与终端相联系。因此，以前我们所用到的从终端输入或输出都不需要打开终端文件。系统自定义了3个文件指针（FILE *类型）stdin、stdout、stderr，分别指向终端输入、终端输出和标准错误输出（也从终端输出），其值通常是0，1和2。
这些变量都定义在stdio.h这个标准库的头文件里。
而我们的stderr变量就指向了一个地方，我们可以把错误信息写入到这个位置。这个地方在Windows中通常是一个叫做stderr.txt的文件；在Linux中，这个地方通常是在终端里。
这个stderr的变量在程序开始被自动创建，在程序结束会自动销毁。所以我们不需要用到文件操作相关的fopen和fclose函数了。
所以我们就可以用fprintf来写入到stderr上：
#include <stdlib.h>#include <stdio.h>#include <SDL2/SDL.h>
int main(int argc, char *argv[]){ if (SDL_Init(SDL_INIT_VIDEO) == -1) // 加载SDL；如果出错 { fprintf(stderr, "SDL 初始化错误 : %s\n", SDL_GetError()); // 打印错误信息 exit(EXIT_FAILURE); // 退出程序 } SDL_Quit(); return EXIT_SUCCESS; // 如果顺利结束}
这下的程序比之前多了什么呢？
我们把错误信息写入到了标准错误stderr中。%s使得SDL可以把最近的一次错误信息写入，这个错误信息就是SDL_GetError函数的返回值。
-
我们在SDL_Init函数出错时调用exit函数来退出我们的程序。exit函数并没有什么新鲜的，之前的课程中我们已经学习过了。不过你可以发现，我们在exit函数的括号中用的是一个常量：EXIT_FAILURE。对应的，如果程序顺利运行，在最后我们用return EXIT_SUCCESS来结束程序。
EXIT_SUCCESS：程序顺利结束的返回值。
EXIT_FAILURE：程序发生错误的返回值。
还记得我们以前怎么做的吗？如果程序出错，我们用的返回值是-1；如果程序顺利结束，我们用的返回值是0。
那为什么我们现在如此“任性”，要用EXIT_SUCCESS和EXIT_FAILURE来分别代替正确和出错时的返回值呢？
那是因为不同的操作系统下，代表正确和错误的返回值的数值可能不尽相同，并不一定总是-1和0，stdio.h的内容在不同的操作系统上也是不尽相同的。使用这两个系统常量的优势就是在不同的操作系统下可以被替换为stdio.h定义的对应数值，我们的程序就具备很好的移植性了。
打开一个窗口
好了，我们现在已经学会如何开启和关闭SDL库了。那么我们要开始做一些有趣的事咯：打开一个窗口。
从SDL1.2到SDL2，API发生了一些变化。特别是VIDEO（视频）子系统，几乎重写了全部API。因为SDL1.x版本是在20世纪90年代后期设计的，年代相距甚远，硬件设备和操作系统等发生了翻天覆地的进步，所以须要相应的改进。
英语比较好的朋友可以直接看官方给出的SDL1.2版本到SDL2版本的一些变化：
http://wiki.libsdl.org/MigrationGuide
以前创建一个窗口需要调用SDL_SetVideoMode函数。现在创建一个窗口的函数换成了SDL_CreateWindow。SDL1.2只支持单窗口模式，现在的SDL2已经支持多窗口了。
SDL_CreateWindow函数的原型如下：
SDL_Window* SDL_CreateWindow(const char* title, int x, int y, int w, int h, Uint32 flags);
SDL_CreateWindow函数的参数如下：
|
title |
窗口的标题，UTF-8编码 |
|
x |
窗口的x坐标位置（左上角）， SDL_WINDOWPOS_CENTERED（在屏幕正中）或者SDL_WINDOWPOS_UNDEFINED（未定义） |
|
y |
窗口的y坐标位置（左上角）， SDL_WINDOWPOS_CENTERED（在屏幕正中）或者SDL_WINDOWPOS_UNDEFINED（未定义） |
|
w |
窗口的宽 |
|
h |
窗口的高 |
|
flags |
0个, 1个或更多的 SDL_WindowFlags ，用按位或连接 |
以上表格中的flag可以是0，1或多个SDL_WindowFlags的组合，用按位或符号“|”连接。
而SDL_WindowFlags的取值可以是以下这些的组合：
|
SDL_WINDOW_FULLSCREEN |
窗口全屏幕 |
|
SDL_WINDOW_FULLSCREEN_DESKTOP |
窗口全屏幕，取当前桌面的分辨率 |
| SDL_WINDOW_OPENGL | 窗口可以和OpenGL配合使用 |
|
SDL_WINDOW_SHOWN |
窗口被显示 |
|
SDL_WINDOW_HIDDEN |
窗口被隐藏 |
|
SDL_WINDOW_BORDERLESS |
窗口无边框 |
|
SDL_WINDOW_RESIZABLE |
窗口可以调节大小 |
|
SDL_WINDOW_MINIMIZED |
窗口最小化 |
|
SDL_WINDOW_MAXIMIZED |
窗口最大化 |
|
SDL_WINDOW_INPUT_GRABBED |
窗口得到键盘输入焦点，而且被束缚在窗口内 |
|
SDL_WINDOW_INPUT_FOCUS |
窗口得到键盘输入焦点 |
|
SDL_WINDOW_MOUSE_FOCUS |
窗口得到鼠标焦点 |
所以我们就来创建一个窗口，我们在之前的代码中增加一些内容：
#include <stdlib.h>#include <stdio.h>#include <SDL2/SDL.h>
const int SCREEN_WIDTH = 640;const int SCREEN_HEIGHT = 480;
int main(int argc, char *argv[]){ if (SDL_Init(SDL_INIT_VIDEO) == -1) // 加载SDL；如果出错 { fprintf(stderr, "SDL 初始化错误 : %s\n", SDL_GetError()); // 打印错误信息 exit(EXIT_FAILURE); // 出错退出程序 } // 创建一个窗口，宽640像素，高480像素 SDL_Window *screen = SDL_CreateWindow("游戏窗口", SDL_WINDOWPOS_UNDEFINED, SDL_WINDOWPOS_UNDEFINED, SCREEN_WIDTH, SCREEN_HEIGHT, SDL_WINDOW_SHOWN); SDL_Quit(); return EXIT_SUCCESS; // 顺利退出程序}
我们主要增加了这句命令：
SDL_Window *screen = SDL_CreateWindow("My Game Window", SDL_WINDOWPOS_UNDEFINED, SDL_WINDOWPOS_UNDEFINED, 640, 480, SDL_WINDOW_SHOWN);
将程序编译运行，可以看到窗口几乎转瞬即逝。这也不稀奇，因为在创建了窗口之后，我们立马调用了SDL_Quit函数，所以“整个世界都清净了”。
那么，如何让我们创建的窗口保持住而不消失呢？我们可以用pause函数来完成，虽然不是太优雅。
===========================
pause函数是C语言的一个函数：
头文件：#include <unistd.h>
定义函数：int pause(void);
函数说明：pause()会令目前的进程暂停(进入睡眠状态), 直到被信号(signal)所中断.
返回值：只返回-1.
错误代码：EINTR 有信号到达中断了此函数.
===========================
因此，我们修改我们的代码，加入：#include <unistd.h>和pause函数。
#include <stdlib.h>#include <stdio.h>#include <unistd.h>#include <SDL2/SDL.h>
const int SCREEN_WIDTH = 640;const int SCREEN_HEIGHT = 480;
int main(int argc, char *argv[]){ if (SDL_Init(SDL_INIT_VIDEO) == -1) // 加载SDL；如果出错 { fprintf(stderr, "SDL 初始化错误 : %s\n", SDL_GetError()); // 打印错误信息 exit(EXIT_FAILURE); // 出错退出程序 } // 创建一个窗口，宽640像素，高480像素 SDL_Window *screen = SDL_CreateWindow("游戏窗口", SDL_WINDOWPOS_UNDEFINED, SDL_WINDOWPOS_UNDEFINED, SCREEN_WIDTH, SCREEN_HEIGHT, SDL_WINDOW_SHOWN); if(screen) // 如果创建窗口成功 { pause(); // 暂停当前进程，使得窗口一直显示 } else { fprintf(stderr, "创建窗口错误: %s\n", SDL_GetError()); // 打印错误信息 } SDL_Quit(); return EXIT_SUCCESS; // 顺利退出程序}
现在运行之后，可以看到我们的第一个窗口了吗？是不是很激动？
当然，比较优雅的方式也可以不使用pause函数，而让窗口显示几秒后消失，代码如下：
#include <stdlib.h>#include <stdio.h>#include <SDL2/SDL.h>
const int SCREEN_WIDTH = 640;const int SCREEN_HEIGHT = 480;
int main(int argc, char *argv[]){ if (SDL_Init(SDL_INIT_VIDEO) == -1) // 加载SDL；如果出错 { fprintf(stderr, "SDL 初始化错误 : %s\n", SDL_GetError()); // 打印错误信息 exit(EXIT_FAILURE); // 出错退出程序 } // 创建一个窗口，宽640像素，高480像素 SDL_Window *screen = SDL_CreateWindow("游戏窗口", SDL_WINDOWPOS_UNDEFINED, SDL_WINDOWPOS_UNDEFINED, SCREEN_WIDTH, SCREEN_HEIGHT, SDL_WINDOW_SHOWN); if(screen) // 如果创建窗口成功 { SDL_Delay(10000); // 使窗口保持10秒 SDL_DestroyWindow(screen); // 销毁窗口 } else { fprintf(stderr, "创建窗口错误: %s\n", SDL_GetError()); // 打印错误信息 } SDL_Quit(); return EXIT_SUCCESS; // 顺利退出程序}
当然了，SDL2中，我们可以创建多个窗口。
事实上，每次调用SDL_CreateWindow函数都会返回一个指向窗口的结构体指针（SDL_Window*）。然后我们可以操纵每个指针来对每个窗口进行改动和操作。
暂时我们只需要一个窗口就够了。
关于游戏中一般的窗口坐标，我们需要讲一下：
一般游戏中的窗口的坐标原点是在左上角，也就是说，此处的x和y都是0。从左往右横坐标的值（x）逐渐增大；从上往下纵坐标的值（y）逐渐增大。如下图所示：
操纵Surface
既然我们已经学会了如何创建一个窗口。那么我们总要在窗口中显示些东西才有意思嘛对吧，不然黑不溜秋的窗口实在提不起劲。
我们先来看一下SDL_Window这个SDL2定义的结构体的内容是什么：
我们可以在SDL2的代码中的头文件 发现这样一句话：
typedef struct SDL_Window SDL_Window;
这只是一个typedef罢了，就是一个别名而已。所以真实的SDL_Window结构体的定义一定在其他地方。
我们继续寻找，发现原来它的定义在SDL2库的源代码中，在 src/video/SDL_sysvideo.h这个头文件里（藏得这么深。这样做的好处是可以防止使用SDL的程序员修改底层代码，实际上很多大型项目都是这么用的。在用户可见的地方只用一个typedef，而真实的定义在源代码里）：
/* Define the SDL window structure, corresponding to toplevel windows */struct SDL_Window{ const void *magic; Uint32 id; char *title; int x, y; int w, h; Uint32 flags; SDL_DisplayMode fullscreen_mode; SDL_Surface *surface; SDL_bool surface_valid; SDL_WindowShaper *shaper; SDL_WindowUserData *data; void *driverdata; SDL_Window *prev; SDL_Window *next;};
我们可以看到，在SDL_Window结构体中有一个成员：SDL_Surface *
这是一个SDL_Surface类型的指针。SDL_Surface又是什么呢？surface在英语中是“表面”的意思。所以说我们用SDL_CreateWindow函数创建了一个窗口（SDL_Window），它里面其实就有一个表面（SDL_Surface），可以把它看成一个画板，只不过暂时没有填充颜色，是黑色的而已。SDL2中，我们可以在表面上“作画”，也可以将一个表面“黏贴”到另一个表面上（下一课会学到）。
在SDL中，表面是很基础的元素。表面的形状都是矩形。当然，在SDL中我们也可以自己绘制其他图形，如圆形，三角形等，但是这些没有系统提供的函数，你需要自己来绘制或者使用别的开发者的插件。
当然了，SDL2在SDL1.x的基础上又增加了Texture（纹理）和Renderer（渲染器）这两个元素，我们之后的课会介绍。
我们如果要在这个表面上操作，需要首先取得这个表面才行。怎么获得这个窗口中的表面呢？可以使用SDL_GetWindowSurface函数：
SDL_Surface* SDL_GetWindowSurface(SDL_Window* window)
可以看到SDL_GetWindowSurface只有一个参数，就是窗口的结构体指针。返回值就是与此窗口绑定的表面的指针。
所以我们可以这样来写我们的代码，使得窗口的表面颜色变成一个我们指定的颜色：
#include <stdlib.h>#include <stdio.h>#include <SDL2/SDL.h>
const int SCREEN_WIDTH = 640;const int SCREEN_HEIGHT = 480;
int main(int argc, char *argv[]){ SDL_Surface* screenSurface = NULL; if (SDL_Init(SDL_INIT_VIDEO) == -1) // 加载SDL；如果出错 { fprintf(stderr, "SDL 初始化错误 : %s\n", SDL_GetError()); // 打印错误信息 exit(EXIT_FAILURE); // 出错退出程序 } // 创建一个窗口，宽640像素，高480像素 SDL_Window *screen = SDL_CreateWindow("游戏窗口", SDL_WINDOWPOS_UNDEFINED, SDL_WINDOWPOS_UNDEFINED, SCREEN_WIDTH, SCREEN_HEIGHT, SDL_WINDOW_SHOWN); if(screen) // 如果创建窗口成功 { screenSurface = SDL_GetWindowSurface(screen); // 获得窗口的表面 SDL_FillRect(screenSurface, NULL, SDL_MapRGB(screenSurface->format, 17, 206, 112)); // 用指定颜色填充此表面 SDL_UpdateWindowSurface(screen); // 刷新窗口表面 SDL_Delay(10000); // 使窗口保持10秒 SDL_DestroyWindow(screen); // 销毁窗口 } else { fprintf(stderr, "创建窗口错误: %s\n", SDL_GetError()); // 打印错误信息 } SDL_Quit(); // 卸载SDL return EXIT_SUCCESS; // 顺利退出程序}
其中的SDL_FillRect函数用于以指定颜色填充指定的表面，其原型如下：
int SDL_FillRect(SDL_Surface* dst, const SDL_Rect* rect, Uint32 color)
|
dst |
目标SDL_Surface结构体 |
|
rect |
SDL_Rect 结构体，是矩形。代表了填充的矩形区域，如果是NULL那么填充整个dst表面 |
|
color |
填充的颜色（由红，绿，蓝三原色组成） |
SDL_UpdateWindowSurface函数则用于刷新窗口的表面，其原型如下：
int SDL_UpdateWindowSurface(SDL_Window* window)
唯一的参数window就是要刷新的窗口。
颜色组成
颜色是由红，绿，蓝这三原色混合而成，每种颜色的取值范围都是0~255。如果三种原色的取值都是0，那么整体的颜色就是黑色；如果三种原色的取值都是255，那么整体的颜色就是白色。其他不同的取值会组合成很多种不同的颜色（一共有256 * 256 * 256 = 16777216 种之多），所以我们的大千世界才是如此色彩斑斓啊。
上述程序中，我们的红，绿，蓝的取值分别为17, 206, 112，所以整体的颜色就是这样一种蓝绿色。
运行以上的程序，我们的窗口就有很好看的颜色了。
总结
SDL程序在开始处需要使用SDL_Init函数来加载，在结尾处要使用SDL_Quit函数来卸载。
flag（标记）是一些常量，这些常量可以用按位或操作符“|”来连接，就好像相加一般，使多个特性可以同时具有。
SDL的基础元素之一是“表面”（Surface），是SDL_Surface结构体类型，形状是矩形。我们可以在这些表面上“作画”。
总是至少有一个“表面”，就是我们创建的窗口的那个表面。
填充“表面”可以使用函数SDL_FillRect。
颜色是由红，绿，蓝这三原色组成的。每一组分的取值范围都是0~255。
第三部分第三课预告：
今天的课就到这里，一起加油吧。
下一次我们学习： SDL开发游戏之显示图像
程序员联盟社区
程序员联盟官网：
目前有一个微信群和一个QQ群，凡是对编程感兴趣的朋友都可以加，大家可以交流，学习，互动，讨论编写的程序的源代码，编程问答等。
微信群（程序员联盟），加群请私信我（微信群人数超过100之后，不能通过扫描二维码加入了，只能私信我，谢谢）
QQ群： 413981577 （1000人群）
QQ群文件里有很多编程书籍PDF和其他资料。扫描下面二维码加QQ：
我们还建立了一个公共的百度云盘，2TB容量，已有很多优秀编程资源，大家也可以上传。链接加群之后会发送。
百度贴吧 【程序员联盟】 欢迎您加入，交流编程，讨论代码，共享资源，已经有很多话题。吧主就是小编。
http://tieba.baidu.com/f?kw=%E7%A8%8B%E5%BA%8F%E5%91%98%E8%81%94%E7%9B%9F&ie=utf-8
《程序员联盟》的微社区，方便大家提问和互动。可以关注一下。
微社区地址和二维码如下：
谢谢！
程序员联盟 微信公众号
*您若觉得本文不错，请点击画面右上角《···》按钮“分享到朋友圈”或“发送给朋友”
*新朋友请关注「程序员联盟」微信搜公众号 ProgrammerLeague
小编微信号： frogoscar
小编邮箱： enmingx@gmail.com
程序员联盟官网：coderunity.com
小编QQ号： 379641629
程序员联盟QQ群：413981577
程序员联盟微信群：先加我微信
有朋友反映看手机端的文章太累，其实是可以用浏览器网页来看的：
方法1. 点击画面右上角的《···》按钮，然后选择“复制链接”，再把链接黏贴到你的浏览器里面或用邮件发送给自己，就可以在电脑的浏览器里打开了
方法2. 头条网www.toutiao.com，搜索我的自媒体“程序员联盟”，内有所有文章，也可以直接进这个链接：http://www.toutiao.com/m3750422747/
方法3. 我的51CTO博客，CSDN博客，博客园和开源中国博客链接（所有文章都在上面）
http://4526621.blog.51cto.com
http://blog.csdn.net/frogoscar
http://www.cnblogs.com/frogoscar
http://my.oschina.net/frogoscar/blog
如何查看所有文章：
1. 点击“查看公众号”，再点击“查看历史消息”
2. 在公众号回复任何信息，可以看到包含“查看历史消息”的链接。
【支持小编的劳动】
觉得文章对你有帮助，请纪念小编的辛勤劳动，扫描二维码捐赠给小编，谢谢！
支付宝
Paypal
