嵌入式 SDL进行图片的切割与移动

最新推荐文章于 2023-11-21 14:06:45 发布
原创 最新推荐文章于 2023-11-21 14:06:45 发布 · 1.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一位博主如何在嵌入式环境中使用SDL库将一张400*400像素的图片切割成四个圆形，并尝试将背景设为透明。博主在SDL_fun.h中创建了一个类来管理屏幕接口，并展示了drawClips方法的实现，用于图片切割。在main函数中，博主展示了图片切割的效果，但未能完全实现背景透明。最后，博主讨论了如何结合SDL的按键事件功能实现图片的移动。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

测试Demo，但不要以为就可以随意为之，良好的代码风格和设计思想在哪都是需要注意的

下面来看看博主的工程结构：

工程下多了一个sheet.jpg，这就是今天要用于切割的图片

图片是400 * 400 pixel(像素)
接下来我们要做的工作就是，把这张图切割成4个圆，并且把背景变成透明

说明：博主在SDL_fun.h这个头文件中增加了一个类，用于管理全局唯一的屏幕接口，我的考虑是，screen surface实际上只需要建立一个。并且，其他的surface实际上都是“依赖”于这个surface才能显示出来的。在SDL中，多次SDL_SetVideoMode()的效果实际上是保留了最后一次的surface作为了screen surface，所以，多次SDL_SetVideoMode()其实是没有实际意义的。

01 
07 
08#ifndef SDL_FUN_H_
09#define SDL_FUN_H_
10 
11#include
12#include
13 
14class ScreenSurface{
15 
16public:
17ScreenSurface(SDL_Surface* screen);
18ScreenSurface(int width, int height, int bpp = 32, Uint32 flags = SDL_SWSURFACE);
19~ScreenSurface(void);
20bool flip(void) const;
21SDL_Surface* acquire(void);
22 
23private:
24SDL_Surface* screen;
25};
26 
27void drawBitmap(ScreenSurface s, const char* fileName);
28void readKeyboard(ScreenSurface s);
29void getRadioInfo(ScreenSurface s);
30void renderPictures(ScreenSurface s, const char* fgFile, const char* bgFile);
31void drawClips(ScreenSurface s, const char* file, SDL_Rect* clip = NULL, int size = 0);
32 
33#endif
大家看到了吧，其中的ScreenSurface的flip方法是将数据化的SDL_Surface Push到屏幕上，让用户看到，而acquire是获取当前的屏幕接口，其他的就是一些构造方法和构析方法。下面的方法都需要传一个ScreenSurface，这样是不是就统一管理了呢？全局就只需创建一个唯一的通向物理屏幕的接口~


头文件中的drawClips就是图片分割的方法，下面是它的实现：

01 
02void drawClips(ScreenSurface s, const char* file, SDL_Rect* clip, int size) {
03 
04SDL_Surface* dots = IMG_Load(file);
05SDL_Surface* optimizedImage = NULL;
06 
07if (s.acquire() == 0 || dots == 0 || clip == NULL) {
08std::cerr << SDL_GetError() << " 227 \n";
09return;
10} else {
11optimizedImage = SDL_DisplayFormat(dots);
12SDL_FreeSurface(dots);
13//这两句代码把图片背景置为透明
14Uint32 colorkey = SDL_MapRGB(optimizedImage->format, 0, 0xFF, 0xFF);
15SDL_SetColorKey(optimizedImage, SDL_SRCCOLORKEY, colorkey);
16}
17 
18//把整个背景填充为白色
19SDL_FillRect(s.acquire(), &s.acquire()->clip_rect,
20SDL_MapRGB(s.acquire()->format, 0xFF, 0xFF, 0xFF));
21 
22bool over = false;
23SDL_Event event;
24SDL_Rect offset;
25while (!over) {
26 
27SDL_ClearError();
28SDL_PollEvent(&event);
29if (event.type == SDL_QUIT || event.key.keysym.sym == SDLK_ESCAPE) {
30over = true;
31}
32//参数size代表图片切割的数量，也就是clip数组的数量
33for (int x = 0; x < size; x++) {
34 
35offset.x = clip[x].x + x*100;
36offset.y = clip[x].y + x*100;
37 
38if (SDL_BlitSurface(optimizedImage, &clip[x], s.acquire(), &offset)
39!= 0) {
40std::cerr << SDL_GetError() << " 275 \n";
41break;
42}
43}
44 
45if (!s.flip()) {
46std::cerr << SDL_GetError() << " 281\n";
47break;
48}
49}
50 
51SDL_FreeSurface(dots);
52}

再来看看main的入口函数：

01//===================================================================
02// Name : SDL_demo.cpp
03// Author : Christian
04// Version :
05// Copyright : Copyright (c) Christian 2012/9/28
06// Description : Hello World in C++, Ansi-style
07//===================================================================
08#include "include/SDL_init.h"
09#include "include/SDL_fun.h"
10 
11using namespace std;
12//这里定义了4个clip
13void cutPic(ScreenSurface s){
14SDL_Rect clip[4];
15//Clip range for the top left
16clip[0].x = 0;
17clip[0].y = 0;
18clip[0].w = 100;
19clip[0].h = 100;
20 
21//Clip range for the top right
22clip[1].x = 100;
23clip[1].y = 0;
24clip[1].w = 100;
25clip[1].h = 100;
26 
27//Clip range for the bottom left
28clip[2].x = 0;
29clip[2].y = 100;
30clip[2].w = 100;
31clip[2].h = 100;
32 
33//Clip range for the bottom right
34clip[3].x = 100;
35clip[3].y = 100;
36clip[3].w = 100;
37clip[3].h = 100;
38 
39drawClips(s, "sheet.jpg", clip, 4);
40}
41 
42int main(int argc, char* args[]) {
43//SDL_putenv("SDL_VIDEODRIVER=directx");
44//putenv("SDL_VIDEODRIVER=directx");
45 
46createSDL("Christian Test");
47ScreenSurface s(600, 600);
48 
49//drawBitmap(s, "3.jpg");
50//readKeyboard();
51//getRadioInfo();
52//renderPictures(s, "3.jpg", "2.bmp");
53cutPic(s);
54 
55 
56atexit(destorySDL);
57 
58return EXIT_SUCCESS;
59}

下面是运行效果：

博主是按照官网文档去做的，为什么图片背景还是没有完全透明请高手解答一下。

好了，图片切割完成！下面讲讲如果对图片进行移动~第一章的时候咱们不是讲了SDL的按键的事件功能么，是时候结合一下了~

下面是改动后的drawClips函数：

01 
02void drawClips(ScreenSurface s, const char* file, SDL_Rect* clip, int size) {
03 
04SDL_Surface* dots = IMG_Load(file);
05SDL_Surface* optimizedImage = NULL;
06 
07if (s.acquire() == 0 || dots == 0 || clip == NULL) {
08std::cerr << SDL_GetError() << " 227 \n";
09return;
10} else {
11optimizedImage = SDL_DisplayFormat(dots);
12SDL_FreeSurface(dots);
13 
14Uint32 colorkey = SDL_MapRGB(optimizedImage->format, 0, 0xFF, 0xFF);
15SDL_SetColorKey(optimizedImage, SDL_SRCCOLORKEY, colorkey);
16}
17 
18//把整个背景填充为白色
19SDL_FillRect(s.acquire(), &s.acquire()->clip_rect,
20SDL_MapRGB(s.acquire()->format, 0xFF, 0xFF, 0xFF));
21 
22bool over = false;
23SDL_Event event;
24SDL_Rect offset;
25Uint8* keys;
26offset.x = 0;
27offset.y = 0;
28 
29while (!over) {
30//从这里获取每个按键的即时状态，监听8个按键，w/s/a/d/up/down/left/right
31keys = SDL_GetKeyState(0);
32if (keys[SDLK_UP] || keys[SDLK_w]) {
33offset.y -= 1;
34}
35if (keys[SDLK_DOWN] || keys[SDLK_s]) {
36offset.y += 1;
37}
38if (keys[SDLK_LEFT] || keys[SDLK_a]) {
39offset.x -= 1;
40}
41if (keys[SDLK_RIGHT] || keys[SDLK_d]) {
42offset.x += 1;
43}
44 
45SDL_ClearError();
46SDL_PollEvent(&event);
47if (event.type == SDL_QUIT || event.key.keysym.sym == SDLK_ESCAPE) {
48over = true;
49}
50 
51for (int x = 0; x < size; x++) {
52 
53// offset.x = clip[x].x;
54// offset.y = clip[x].y;
55 
56if (SDL_BlitSurface(optimizedImage, &clip[x], s.acquire(), &offset)
57!= 0) {
58std::cerr << SDL_GetError() << " 275 \n";
59break;
60}
61}
62 
63if (!s.flip()) {
64std::cerr << SDL_GetError() << " 281\n";
65break;
66}
67}
68 
69SDL_FreeSurface(dots);
70}

好了，就这么简单~只需在轮询线程内加上事件监听，判断后做出响应即可
运行结果图:
22、SDL：规格和描述语言在嵌入式系统中的应用
xgboost6farmer的博客
05-15 21
本文详细介绍了规格和描述语言SDL在嵌入式系统中的应用。SDL是一种用于分布式系统的图形和文本规范语言，具有正式语义和标准化支持，广泛应用于电信、航空电子等领域。文章从SDL的基本元素、图形符号、进程间通信、层次结构到时间建模等方面进行了深入解析，并探讨了其局限性和优化方法。此外，还展示了SDL在计算机网络协议栈、电信和航空电子等实际项目中的应用，并讨论了其未来发展方向。通过本博客，读者可以全面了解SDL的核心概念及其在复杂系统设计中的作用。
使用SDL进行图片的切割与移动(三)
weixin_34149796的博客
10-02 335
2019独角兽企业重金招聘Python工程师标准>>> ...
SDL入门教程（八）：1、裁剪精灵图片（Clip Blitting and Sprite Sheets）
lf426的专栏
03-25 2306
作者：龙飞        这两天下雨，所以就暂停了寻春的步伐，多写了点教程。绵阳的春天是美丽的，大家学习和写程序之余，还是应该多看看大自然。给大家推荐我拍的风景照啦，呵呵。http://picasaweb.google.com/firefly.cao        因为不想多上传图片，所以我的例子中的图片文件直接就用Lazy Foos教程中的附件了。相关资源，大家可以在这里下载：Clip Bli
[笔记]音视频学习之SDL篇《五》裁剪图片成子图片（裁剪精灵表）
二次元怪兽的博客
05-19 538
第五节：裁剪精灵表 文章目录目的 目的 裁剪一个图片中的多个子图片作为图片使用
移动的精灵，示例 SDL2 的图片分割、键盘消息
weixin_33769125的博客
02-12 299
2019独角兽企业重金招聘Python工程师标准>>> ...
基于FFmpeg和SDL2的QT视频处理工程示例
QT广泛用于桌面、嵌入式和移动应用开发，并且支持多种编程语言，其中以C++最为强大。QT提供了一整套工具和API，可以方便地实现窗口管理、事件处理、图形渲染、数据库访问和网络通信等功能。 2. ffmpeg： ffmpeg是...
1000套安卓（Android）毕业设计（带论文）、大作业、实例快速下载 （Android Studio）
web13618542420的博客
05-30 5490
ctrl+F 快速定位 序号 类型 项目名称 1 毕业设计 毕业设计-基于安卓Android学生考勤信息管理系统.zip 2 毕业设计 毕业设计-安卓Android教务选课成绩管理系统.zip 3 毕业设计 114基于Android的理财记账本20141215+论文+需求文档+演示视频.zip.zip 4 毕业设计 Android科大讯飞语音识别.zip 5 毕业设计 基于android的点餐系统.zip.zip 6 毕业设计 Android客户端与服务器端的json数据交互(服务端客户端) .zip .
基于c++的拼图小游戏
05-25
这可能包括将原始图片切割成若干小块，打乱顺序，然后让用户通过移动这些图片块来恢复原图。实现这个功能需要理解数组、动态内存管理以及数据结构（如队列、栈）等知识。在C++中，可以使用二维数组或自定义的类来...
基于c语言实现的拼图游戏源码
最新发布
05-11
虽然C语言本身并不直接支持图像处理，但可以借助库如SDL、OpenGL等进行扩展。 - **搜索算法**：解决拼图游戏可能需要运用深度优先搜索（DFS）或广度优先搜索（BFS）来查找正确的位置，尤其是在实现自动解谜功能时。...
基于OpenGL的交互式三维建模仿真应用研究
06-22
随着图形处理技术的不断发展，OpenGL技术也在持续进化，比如OpenGL ES版本是专为移动和嵌入式设备设计的，而OpenGL 4.x版本引入了现代图形编程的新特性和优化，为三维建模和仿真提供了更多可能。
SDL应用 仙剑奇侠传嵌入式移植说明
04-24
本文档详细说明了SDL嵌入式移植的细节，很具体；有需要了解这方面内容的可以下载参考下。
嵌入式 SDL实现的４个动画
07-07
SDL实现的4个动画，SDL真是个好东西，是游戏开发必不可少的，做出的动画效果让人很感兴趣，对SDL也很感兴趣
sdl 拼图小游戏
12-23
sdl结合c语言做的一个拼图小游戏，鼠标拖动完成拼图
SDL拼图小游戏
12-12
基于linux的SDL拼图小游戏，通过多文件的编译，使用时间线程与图片移动同时进行，通过鼠标事件，键盘事件控制游戏的进行，时间到之后可以选择重新开始与直接退出
基于SDL的多平台拼图游戏
07-01
基于SDL的拼图游戏，实现跨平台上运行。
SDL显示文字
weixin_30770495的博客
06-01 460
　　前面教程里，我们只显示图片，没提到如何显示文字，SDL本身没有显示文字功能，它需要用扩展库SDL_ttf来显示文字。ttf是True Type Font的缩写，ttf是Windows下的缺省字体，它有美观，放大缩小不变形的优点，因此广泛应用很多场合。 　　使用ttf库的第一件事要从Windows的字库下拷贝出一个字库出来，最好是中文字体，这样可以同时支持英文和中文显示。它一般在c:\win...
移植SDL2.0到嵌入式开发板过程
热门推荐
Gezhengzhong的专栏
05-05 1万+
./configure --prefix=/gzz/cross_compile/SDL --host=arm-linux --build=i386 --with-gnu-ld --disable-video-wayland --disable-video-wayland-qt-touch --disable-pulseaudio --disable-video-dummy --disable-ar
在嵌入式开发板上移植SDL的过程 - ARM开发
LklAngular的博客
09-19 521
首先，确保你有一块支持ARM架构的嵌入式开发板，并安装好相应的操作系统。首先，确保你有一块支持ARM架构的嵌入式开发板，并安装好相应的操作系统。参数指定了目标平台的架构，这里我们使用了ARM架构，并根据你的交叉编译工具链进行了相应的设置。参数指定了目标平台的架构，这里我们使用了ARM架构，并根据你的交叉编译工具链进行了相应的设置。参数指定了SDL的安装路径，这里我们将SDL安装到ARM交叉编译工具链对应的路径下。参数指定了SDL的安装路径，这里我们将SDL安装到ARM交叉编译工具链对应的路径下。
嵌入式linux下使用lvgl模拟器（SDL2）
weixin_57152619的博客
11-21 3717
这里就直接开始了，安装虚拟机和c/c++开发环境就请看正点原子的qt教程安装，同时没有CMake教程和SDL2教程，主打一个速记。
SDL图形设计：实现图片移动与风车旋转动画
从描述中我们可以得知，本课程设计的核心在于利用SDL库函数在嵌入式开发板上实现图片移动以及风车转动的视觉效果。 首先，我们需要了解如何在嵌入式系统中集成和使用SDL库。嵌入式系统一般拥有有限的处理能力和存储...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值