SDL編譯安裝圖片顯示

1.SDL簡介

?SDL（Simple DirectMediaLayer）是一套開放源代碼的跨平臺多媒體開發庫，使用C語言寫成。SDL提供了數種控制圖像、聲音、輸出入的函數，讓開發者只要用相同或是相似的代碼就可以開發出跨多個平臺（Linux、Windows、MacOS X等）的應用軟件。現SDL多用于開發游戲、模擬器、媒體播放器等多媒體應用領域。

??在編譯SDL庫前，先安裝以下工具：

sudo apt-get install autoconf
 sudo apt-get install automake
sudo apt-get install libtool
sudo apt-get install make
sudo apt-get install xorg-dev 

2. SDL庫編譯與安裝

?下載地址：SDL2.0
?(1)將下載的SDL2-2.0.14.tar.gz壓縮包拷貝至虛擬機解壓。

[wbyq@wbyq src_pack]$ tar xvf /mnt/hgfs/ubuntu/software_pack/SDL2-2.0.14.tar.gz

?(2)配置編譯安裝路徑

[wbyq@wbyq SDL2-2.0.14]$ ./autogen.sh 
[wbyq@wbyq SDL2-2.0.14]$ ./configure --prefix=$PWD/_install
[wbyq@wbyq SDL2-2.0.14]$ make && make install 

?(3)編譯成功生成文文件

[wbyq@wbyq _install]$ ls
bin  include  lib  share

1.3 SDL2_image庫編譯與安裝

??bmp_surface加載jpg格式圖片和png格式圖片需要相對應庫支持

[wbyq@wbyq src_pack]$ sudo apt-get install libjpeg-dev  #安裝jpg庫
[wbyq@wbyq src_pack]$ sudo apt-get install libpng-dev  #安裝png庫

?下載地址：SDL_IMAGE
?(1)將 SDL2_image-2.0.5.tar.gz壓縮包拷貝至虛擬機解壓。

[wbyq@wbyq src_pack]$ tar xvf /mnt/hgfs/ubuntu/software_pack/SDL2_image-2.0.5.tar.gz

?(2)配置編譯安裝路徑

[wbyq@wbyq SDL2_image-2.0.5]$ ./autogen.sh 
[wbyq@wbyq SDL2_image-2.0.5]$ ./configure --prefix=$PWD/_install
[wbyq@wbyq SDL2_image-2.0.5]$ make && make install

?(3)編譯成功生成文文件

[wbyq@wbyq _install]$ tree
.
├── include
│   └── SDL2
│       └── SDL_image.h
└── lib
    ├── libSDL2_image-2.0.so.0 -> libSDL2_image-2.0.so.0.2.3
    ├── libSDL2_image-2.0.so.0.2.3
    ├── libSDL2_image.a
    ├── libSDL2_image.la
    ├── libSDL2_image.so -> libSDL2_image-2.0.so.0.2.3
    └── pkgconfig
        └── SDL2_image.pc

4 directories, 7 files

1.4 示例1：SDL顯示圖片和獲取輸入出設備數據

?1.4.1 示例代碼

#include 
#include 
#include 
#include 
typedef enum
{
    false,
    true
} bool;
int main(int argc,char *argv[])
{
	if(SDL_Init(SDL_INIT_VIDEO))/*初始化SDL*/
	{
		printf("初始化失敗ERR=%srn",SDL_GetError());
		return 0;
	}
	/*創建SDL窗口*/
	SDL_Window *window=SDL_CreateWindow("SDL Test", SDL_WINDOWPOS_UNDEFINED,SDL_WINDOWPOS_UNDEFINED,800,480,SDL_WINDOW_SHOWN);
	SDL_Rect rect;
	rect.x=0;
	rect.y=0;
	SDL_Surface *surface=SDL_GetWindowSurface(window);/*獲取窗口*/
	SDL_Surface *pngsurface=IMG_Load("bg6.png");
	SDL_Surface *bmp_surface=IMG_Load("1.bmp");
	SDL_BlitSurface(bmp_surface,NULL,surface,NULL);
	SDL_UpdateWindowSurface(window);/*刷新窗口*/
	bool quit= true;

	SDL_Event event;
	while(quit)
	{
		while(SDL_PollEvent(&event))/*監測事件*/
		{
			if(event.type==SDL_QUIT)//關閉窗口
			{
				printf("hello,worldn");
				quit=false;
				printf("quit=%dn",quit);
			}
			else if(event.type==SDL_MOUSEBUTTONDOWN)/*鼠標點擊事件*/
			{
				if(event.button.button==SDL_BUTTON_LEFT)/*左鍵*/
				{
					printf("left clickedn");
					SDL_BlitSurface(bmp_surface,NULL,surface,NULL);
				}
				if(event.button.button==SDL_BUTTON_RIGHT)/*右鍵*/
				{
					printf("right clickedn");
					SDL_BlitSurface(pngsurface,NULL,surface,NULL);
				}
			}
			else if(event.type==SDL_KEYDOWN)//鍵盤事件
			{
				
				printf("key=%dn",event.key.keysym.sym);
				if(event.key.keysym.sym==SDLK_UP)
				{
					rect.y-=10;
					printf("upn");
				}
				else if(event.key.keysym.sym==SDLK_DOWN)
				{
					rect.y+=10;
					printf("downn");
				}
				else if(event.key.keysym.sym==SDLK_LEFT)
				{
					rect.x-=10;
					printf("leftn");
				}
				else if(event.key.keysym.sym==SDLK_RIGHT)
				{
					rect.x+=10;
					printf("rightn");
				}
				SDL_BlitSurface(bmp_surface,NULL,surface,NULL);
				SDL_BlitSurface(pngsurface,NULL,surface,&rect);
			}
			SDL_UpdateWindowSurface(window);/*刷新窗口*/
		}
	}
	SDL_FreeSurface(surface);
	SDL_DestroyWindow(window);/*銷毀窗口*/
	SDL_Quit();/*關閉SDL*/
	return 0;
}

1.4.2 Makefile文件

CFLAGS =-I/home/wbyq/src_pack/SDL2-2.0.14/_install/include -I/home/wbyq/src_pack/SDL2-2.0.14/_install/include/SDL2 -L/home/wbyq/src_pack/SDL2-2.0.14/_install/lib
CFLAGS +=-L/home/wbyq/src_pack/SDL2_image-2.0.5/_install/lib -I/home/wbyq/src_pack/SDL2_image-2.0.5/_install/include -I/home/wbyq/src_pack/SDL2_image-2.0.5/_install/include/SDL2
CFLAGS+=-lSDL2 -lpthread -lm -ldl -lSDL2_image
app:
	gcc 01sdl_test.c  $(CFLAGS)

1.4.3 運行效果