SDL的教学（如何用sdl图形化以及sdl的使用思路）

最新推荐文章于 2024-05-15 09:30:37 发布
最新推荐文章于 2024-05-15 09:30:37 发布
阅读量1k 收藏 16
点赞数 14
分类专栏： c++ sdl 文章标签： c语言 c++ 经验分享 图形渲染
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cwx166227660/article/details/126789514
版权
c++ 同时被 2 个专栏收录
2 篇文章 1 订阅
订阅专栏
sdl
1 篇文章 0 订阅
订阅专栏

本文会带领您感受sdl的魅力，还请您和我一起加油一起成长

前言

本文主要讲如何用sdl去加载一个窗口和输出一些图片以及如何简单的去事件处理，以及渲染器的操作

 

 

一、如何去创建一个窗口

1.1 首先使用sdl必须用的带参数版本的main函数

int main(int argc,char*argv[])
{



return 0;
}

1.2 先初始化一下sdl库

看自己需要做的操作来选择初始化什么，比如我们接下来只会用到窗口和事件处理，那么我们只需要用SDL_INIT_VIDEO来初始化，也可以初始化所有用SDL_INIT_EVERYTHING

//SDL_Init(SDL_INIT_VIDEO)
//如果初始化成功，那么应该返回0，所以我们做个判断比较好
if(SDL_Init(SDL_INIT_VIDEO)!=0)
{

    SDL_log("初始化sdl失败");
}

1.3 接下来我们创建一个窗口

SDL_Window*window=SDL_CreateWindow(u8"这个是窗口的名字",SDL_WINDOWPOS_UNDEFINED,SDL_WINDOWPOS_UNDEFINED, 800, 500, SDL_WINDOW_SHOWN);

这里面用到一个类是SDL_Window这个就是一个窗口的类

用到了创建窗口的函数SDL_CreateWindow（），里面一共需要六个参数

第一个是窗口的名字，使用中文当窗口名字的话就必须在字符串前面加上u8

第二个第三个是窗口的位置，我推荐使用两个SDL_WINDOWPOS_UNDEFINED，这表示窗口的位置编译器会自动给你调整

第四个第五个参数是窗口的大小，第一个是x,第二个是y

最后一个参数是决定你是否会不会有控制台出现，不想出现可以填0，想出现的话 SDL_WINDOW_SHOWN就可以。

1.4获取窗口的表面

其实我们操作窗口就是需要操作窗口的表面

//获取窗口的表面
	SDL_Surface* winSfc = SDL_GetWindowSurface(window);

SDL_Surface这个类型就是窗口的表面类型

SDL_GetWindowSurface这个函数只有一个参数，就是你所需要获取的哪个窗口的表面

1.5给窗口去设置一个颜色

//使用白色填充窗口
SDL_FillRect(winSfc, NULL, SDL_MapRGB(winSfc->format, 255, 255, 255));

这里用到了SDL_FillRect这个函数，一共三个参数

第一个参数是窗口的表面

第二个参数是一个矩形，SDL_Rect 类，参数是四个参数，如果想设置在窗口的所有位置那么用NULL

第三个参数就是设置颜色，用RGB的二进制，或者使用SDL_MapRGB这个参数，其中，第一个参数是表面这个类的成员format，其他三个参数就是RGB

1.6 更新一下窗口的表面

因为其实表面是一个缓冲区 ，在表面执行的操作需要更新到窗口上

//更新一下窗口表面
			SDL_UpdateWindowSurface(window);


   SDL_UpdateWindowSurface这个参数就是你需要更新到哪个窗口上

二、图片的使用

2.1 加载图片

如果想使用图片，那首先的就是加载出来

//加载图片
	 SDL_Surface* mm2= SDL_LoadBMP("./assets/mm2.bmp");

 SDL_LoadBMP就是加载图片的函数，sdl的标准库只能加载BMP的图片，参数就是图片路径

2.2 输出图片

//输出图片
			SDL_BlitSurface(mm2, NULL, winSfc, NULL);

SDL_BlitSurface有四个参数来输出图片

第一个参数就是你要输出的图片，第三个参数就是你要输出要哪个表面

第二个参数是你要输出的图片位置，如果想从窗口的0,0处，就用NULL即可

第四个参数是你要输出的图片某个位置，如果不想设置，就用NULL即可

三、图片和窗口和表面的销毁

凡是使用了动态内存的指针，不用了就需要给他手动释放掉

3.1 图片的释放

SDL_FreeSurface(mm2);

3.2 窗口的释放

SDL_DestroyWindow(window);

3.3 表面的释放

 SDL_FreeSurface(winSfc);

四、事件的处理

我们会需要鼠标和键盘处理事情，这时我们就需要分发事件来处理

	// 应用程序主循环
	bool isDone = false;
	while (!isDone) {
		//事件循环
		SDL_Event ev = { 0 };
		while (SDL_PollEvent(&ev)) {
			//分发事件
			//退出事件
			if (ev.type == SDL_QUIT) {
				//用户点击了窗口右上角的关闭按钮
				isDone = true;

			}
			
  //键盘事件
			else if (ev.type == SDL_KEYDOWN) {

				switch (ev.key.keysym.sym)
				{
				case SDLK_UP:
					
					break;
				case SDLK_LEFT:
					
					break;
				case SDLK_RIGHT:
					
					break;
				case SDLK_DOWN:
					
					break;
				default:
					break;
				}


            //这里我们来实现需要不断进行循环的操作
}

我们需要一个SDL_Event类来不断获取信息，再去细分鼠标和键盘的各个操作

具体的我就不一 一介绍了

五、渲染器

渲染器其实是一个双缓冲区，支持硬件加速，也就是更快

 

5.1渲染器的创建

跟SDL_Surface很像，SDL_CreateRenderer这个函数来创建渲染器，返回类型只不过是一个SDL_Renderer而已，需要三个参数，而我们只需要管第一个参数也就是窗口就行，第二个参数和第三个参数用-1和0就行，是编译器自己决定使用什么加速

//创建窗口渲染器
	SDL_Renderer*render=   SDL_CreateRenderer(window, -1, 0);//后面参数是编译器自己选驱动

 5.2 渲染器来绘制图形

绘制图形只能通过渲染器来绘制

SDL_RenderDrawLine(render, 0, 0, 333, 444);//x,y两点的坐标

5.3设置渲染器的绘制颜色

//设置渲染器绘制颜色
		SDL_SetRenderDrawColor(render,240,44,55,255);//最后一个是透明度一般255

5.4 设置渲染器背景颜色

//设置背景颜色
		SDL_SetRenderDrawColor(render, 255, 255, 255, 255);

 设置颜色后得清屏，这样才能显示背景颜色

//清屏
		SDL_RenderClear(render);

5.5 渲染器加载图片

先把Surface转成Texture

 //把Surface转成texture
	 SDL_Texture*mmTexture= SDL_CreateTextureFromSurface(render, mm2);

 返回值是一个SDL_Texture类，然后就不用原来的这个Surface，记得释放

SDL_Texture又叫做纹理，实质是一个图片，但是允许硬件加速而已

5.6 输出图片

//绘制图片
		//矩形起点的x坐标和y坐标,矩形的高度和矩形的宽度
		SDL_Rect srcRect = { 399,444,444,444 };//指定输出的部分
		SDL_Rect dstRect = { 30,0,454,455 };//一二指定输出图片在窗口的位置，三四指定图片在窗口大小
		SDL_RenderCopy(render,mmTexture,&srcRect,&dstRect);//自动拉伸图片大小填充渲染器

5.7 更新渲染器

表面和渲染器很像，都是缓冲区，所以都需要更新

SDL_RenderPresent(render);

只不过渲染器的参数是自己而已

5.8 纹理的释放的渲染器的释放

SDL_DestroyTexture(mmTexture);
	SDL_DestroyWindow(window);

总结

这些就是sdl的一些基本操作

大体思路就是，先创建sdl库，然后加载窗口。获取表面或者渲染器，操作表面或者渲染器，然后实时更新，用键盘和鼠标的操作，用一个循环来获取SDL_Event，并分配各个操作

如果这篇文章对您有帮助，还请收藏，您的关注就是我最大的动力呀！

 

追梦路上的技术小白
关注
  • 14
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 16
    评论
专栏目录
SDL入门教程
gcyyblcg的博客
01-19 2253
#1 qadqwdqw swdq
《Android 开发艺术探索》笔记4--View事件分发与滑动冲突
行动者&&职业化
09-07 1946
思维导图View事件分发机制点击事件传递规则事件分发的源码解析View的滑动冲突滑动冲突的解决方式参看文章 思维导图 View事件分发机制 点击事件传递规则 所谓点击事件的事件分发,就是对MotionEvent事件的分发过程,传递给某一个View. 在事件传递中有三个方法是贯穿始终的 dispatchTouchEvent():进行事件的分发 如果事件能传递到View那么此方法一定会被调用,返回值受当前View的onTouchEvent()和下级View的dispatchTouchEvent()的影.
推荐开源项目：SDL_gpu，打造高性能硬件加速2D图形
最新发布
gitblog_00048的博客
05-15 352
推荐开源项目：SDL_gpu，打造高性能硬件加速2D图形 项目地址:https://gitcode.com/grimfang4/sdl-gpu 项目介绍 (SDL_gpu)[https://github.com/grimfang4/sdl-gpu] 是一个由Jonathan Dearborn开发的库，目标是让硬件加速的2D图形编程变得轻而易举。它兼容SDL 1.2和2.0版本，提供了丰富的特性，如...
SDL2 简明教程（五）：OpenGL 绘制
记录学习的过程
02-23 2275
接下来进行代码示例说明，下面的示例中使用 OpenGL 绘制了一个 三角形。关于 OpenGL 如何使用请参考。
SDL图形库
chaoswiming的专栏
07-01 3833
Simple DirectMedia Layer库，简称SDL，它是一个跨平台的多媒体库，以用于直接控制底层的多媒体硬件的接口。这些多媒体功能包括了视频、音频、键盘和鼠标（事件）、游戏摇杆等。当然，最为重要的是提供了2D图形帧缓冲（framebuffer）的接口，以及为OpenGL与各种操作系统之间提供了统一的标准接口以实现3D图形。也就是说我们通过这个图形库可以自己写游戏，播放电影、歌曲等等，哪
SDL中文教程
cjsycyl的专栏
08-11 2045
SDL中文教程 - 游戏编程入门 翻译自Lazy Foo的英文教程 · 面向SDL 1.2
寻路算法SDL图形化讲解
05-31
结合SDL（Simple DirectMedia Layer），一个跨平台的多媒体库，我们可以实现寻路算法的图形化展示，让复杂的过程变得直观易懂。 A*算法的核心在于结合了Dijkstra算法的最短路径特性与启发式搜索的效率优势。它通过...
Qt使用SDL2\D3D渲染YUV420p
01-09
3. **使用SDL2创建窗口**：初始化SDL2并创建一个窗口。通过调用`SDL_Init()`，`SDL_CreateWindow()`等函数来实现。 4. **创建SDL纹理**：为D3D渲染，你需要创建一个SDL_Texture对象。这个纹理将承载YUV数据。使用`...
SDL2-2.28.5.zip
11-07
**正文** SDL（Simple DirectMedia Layer）是一个跨平台的开发库，主要用于处理图形、音频、输入设备等多媒体功能...通过解压SDL2-2.28.5.zip，开发者可以获得头文件、库文件以及示例代码，快速开始使用SDL进行开发。
自己写的贪吃蛇用了SDL图形化界面
07-13
在这个项目中，开发者使用了SDL（Simple DirectMedia Layer）库来实现一个图形化的贪吃蛇游戏。SDL是一个跨平台的开发库，特别适合创建多媒体应用，包括游戏，因为它提供了对硬件加速图形、音频以及输入设备的直接...
SDL-2.0.6-11541.zip_debian sdl驱动_sdl_sdl图形渲染_sdl游戏开发pdf
09-20
总的来说，SDL是一个强大的开发工具，特别适合那些希望跨平台开发图形化应用或游戏的程序员。通过学习和使用SDL，开发者可以构建功能丰富的多媒体软件，同时享受到开源社区的广泛支持和持续更新。
SDL中文学习手册（全）
05-05
SDL强大不用解释，全面学习了解是必须的。
珍藏的c++头文件和库,包含EasyX图形库,SDL图形库，devioctl.h hid.lib jni_md.h hidsdi.h zlib.h us...
01-26
珍藏的各领域的c++库文件与头文件锦集，包含EasyX图形库，SDL图形库，ZLIB压缩用库，devioctl.h Graphics.h hid.lib hidpi.h hidsdi.h hidusage.h inttypes.h jni.h jni_md.h SDL.h SDL_video.h usb100.h usbdi.h usbhead.h usbioctl.h usbiodef.h zlib.h等众多实用无编译错误的代码
Linux基于SDL图形库程序,基于Linux系统的SDL图形库记忆翻牌小游戏
weixin_35990581的博客
05-13 317
步骤1：显示图片用二维数组来显示8张90×90的配对图片，用来翻转的；首先显示的是背景图片。定义一个二维数组pic[4][4]来表示每张小图片存放的位置，数组里面存放0～7的数字，当前位置存放是0，就表示该位置要显示image0小图片。这样就可以显示所有小图片了。步骤2：实现可以翻转根据鼠标点击的位置，翻转指定的小图片，而且要自动的翻转回来，主要是鼠标的获取和定位；定义一个二维数组flag[m...
SDL 开发实战（三）：使用 SDL 绘制基本图形
weixin_30784501的博客
03-02 1092
在上文SDL 开发实战（二）：SDL 2.0 核心 API 解析我们讲解了SDL最核心的API，并结合Hello World代码了解了SDL渲染画面的基本原理。 本文我们来讲一下，如何使用SDL的API绘制基本的图形。 SDL中绘制基本图形的 API并不多，主要是 点、线、矩形、填充矩形。其它图形都可以通过 点、线、矩形组合出来。 0、设置画笔的颜色 设置画笔颜色是绘制图形的...
SDL使用详细说明
u011780419的专栏
12-05 1377
Simple DirectMedia Layer是一个跨平台开发库，旨在通过OpenGL和Direct3D提供对音频、键盘、鼠标、操纵杆和图形硬件的低级别访问。它被视频播放软件、模拟器和流行游戏使用，包括Valve的获奖目录和许多Humble Bundle游戏。SDL正式支持Windows、macOS、Linux、iOS和Android。SDL是用C编写的，与C++一起使用，并且有可用于其他几种语言的绑定，包括C#和Python。此许可证允许您在任何软件中自由使用SDL。pcm操作相关API。
网络安全开发流程谈
Y525698136的博客
06-25 836
SDL security development lifecycle（安全开发生命周期），是微软提出的从安全角度指导软件开发过程的管理模式。SDL是一个安全保证的过程，起重点是软件开发，它在开发的所有阶段都引入了安全和隐私的原则。自2004年起，SDL一直都是微软在全公司实施的强制性策略。
SDL图形库怎么使用
05-25
SDL（Simple DirectMedia Layer）是一个跨平台的、开源的、C语言编写的图形库，用于游戏和多媒体应用程序的开发。下面是一个简单的SDL程序示例： 1. 导入SDL头文件： ``` #include <SDL2/SDL.h> ``` 2. 初始化SDL： ``` if (SDL_Init(SDL_INIT_VIDEO) != 0) { printf("SDL_Init Error: %s\n", SDL_GetError()); return 1; } ``` 3. 创建窗口： ``` SDL_Window *win = SDL_CreateWindow("Hello World!", 100, 100, 640, 480, SDL_WINDOW_SHOWN); if (win == NULL) { printf("SDL_CreateWindow Error: %s\n", SDL_GetError()); return 1; } ``` 4. 创建渲染器： ``` SDL_Renderer *ren = SDL_CreateRenderer(win, -1, SDL_RENDERER_ACCELERATED | SDL_RENDERER_PRESENTVSYNC); if (ren == NULL) { SDL_DestroyWindow(win); printf("SDL_CreateRenderer Error: %s\n", SDL_GetError()); SDL_Quit(); return 1; } ``` 5. 加载图片： ``` SDL_Surface *bmp = SDL_LoadBMP("hello.bmp"); if (bmp == NULL) { SDL_DestroyRenderer(ren); SDL_DestroyWindow(win); printf("SDL_LoadBMP Error: %s\n", SDL_GetError()); SDL_Quit(); return 1; } ``` 6. 创建纹理： ``` SDL_Texture *tex = SDL_CreateTextureFromSurface(ren, bmp); SDL_FreeSurface(bmp); if (tex == NULL) { SDL_DestroyRenderer(ren); SDL_DestroyWindow(win); printf("SDL_CreateTextureFromSurface Error: %s\n", SDL_GetError()); SDL_Quit(); return 1; } ``` 7. 渲染纹理： ``` SDL_RenderClear(ren); SDL_RenderCopy(ren, tex, NULL, NULL); SDL_RenderPresent(ren); ``` 8. 等待退出： ``` SDL_Delay(2000); ``` 9. 释放资源： ``` SDL_DestroyTexture(tex); SDL_DestroyRenderer(ren); SDL_DestroyWindow(win); SDL_Quit(); ``` 这是一个非常简单的SDL程序示例，但是它演示了如何使用SDL创建一个窗口、渲染图片和退出程序。更多高级的功能，如音频、输入、事件处理等，需要查阅SDL的文档和示例代码。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值