在上一篇文章我们知道了如何在android使用SDL2.0来渲染显示一张bmp图，但是如果是一张png或者一张jpg的图，那么还能显示成功么？答案是否定的
我们需要移植SDL_image库来支持除bmp之外的图片格式。
一、移植SDL_image库：
使用如下命令，从SDL Mercurial获取SDL_image的源码：
hg clone https://hg.libsdl.org/SDL_image/
将SDL_image拷贝到在上一篇文章中的android-project\jni\下，将平台相关的代码去掉以及自动自动化相关的文件去掉，保留android相关的代码与文件。
二、在android添加相关的引用：
修改android-project\jni\src\Android.mk，添加相关的引用:
LOCAL_PATH := $(call my-dir)
include $(CLEAR_VARS)
LOCAL_MODULE := main
SDL_PATH := ../SDL
SDL_IMAGE_PATH := ../SDL2_image
LOCAL_C_INCLUDES := $(LOCAL_PATH)/$(SDL_PATH)/include \
$(LOCAL_PATH)/$(SDL_IMAGE_PATH)
# Add your application source files here...
LOCAL_SRC_FILES := $(SDL_PATH)/src/main/android/SDL_android_main.c \
SDL_lesson.c
LOCAL_SHARED_LIBRARIES := SDL2
LOCAL_SHARED_LIBRARIES += SDL2_image
LOCAL_LDLIBS := -lGLESv1_CM -lGLESv2 -llog
include $(BUILD_SHARED_LIBRARY)
三、代码中引用相关的头文件：
/*
* SDL_lesson.c
* Clipping Sprite Sheets
* Created on: Aug 12, 2014
* Author: clarck
*/
#include <jni.h>
#include "SDL.h"
#include "SDL_image.h"
#include "SDL_logger.h"
#include "SDL_main.h"
#include "SDL_cleanup.h"
//The attributes of the screen
const int SCREEN_WIDTH = 640;
const int SCREEN_HEIGHT = 480;
struct SDL_Window *window = NULL;
struct SDL_Renderer *render = NULL;
struct SDL_Texture *background = NULL;
struct SDL_Texture *image = NULL;
四、加载图片的部分修改为IMG_LoadTexture:
/*
* SDL_lesson.c
* Clipping Sprite Sheets
* Created on: Aug 12, 2014
* Author: clarck
*/
#include <jni.h>
#include "SDL.h"
#include "SDL_image.h"
#include "SDL_logger.h"
#include "SDL_main.h"
#include "SDL_cleanup.h"
//The attributes of the screen
const int SCREEN_WIDTH = 640;
const int SCREEN_HEIGHT = 480;
struct SDL_Window *window = NULL;
struct SDL_Renderer *render = NULL;
struct SDL_Texture *background = NULL;
struct SDL_Texture *image = NULL;
/*
* Loads a image into a texture on the rendering device
* @param file The image file to load
* @param ren The renderer to load the texture onto
* @return the loaded texture, or NULL if something went wrong.
*/
SDL_Texture* loadTexture(const char *file, SDL_Renderer *render) {
struct SDL_Texture *texture = NULL;
texture = IMG_LoadTexture(render, file);
if (texture == NULL) {
LOGE("SDL_CreateTextureFromSurface failed %s", SDL_GetError());
} else {
LOGI("SDL_CreateTextureFromSurface successful.");
}
return texture;
}
五、编写主函数：
/*
* SDL_lesson.c
* Clipping Sprite Sheets
* Created on: Aug 12, 2014
* Author: clarck
*/
#include <jni.h>
#include "SDL.h"
#include "SDL_image.h"
#include "SDL_logger.h"
#include "SDL_main.h"
#include "SDL_cleanup.h"
//The attributes of the screen
const int SCREEN_WIDTH = 640;
const int SCREEN_HEIGHT = 480;
struct SDL_Window *window = NULL;
struct SDL_Renderer *render = NULL;
struct SDL_Texture *background = NULL;
struct SDL_Texture *image = NULL;
/*
* Loads a image into a texture on the rendering device
* @param file The image file to load
* @param ren The renderer to load the texture onto
* @return the loaded texture, or NULL if something went wrong.
*/
SDL_Texture* loadTexture(const char *file, SDL_Renderer *render) {
struct SDL_Texture *texture = NULL;
texture = IMG_LoadTexture(render, file);
if (texture == NULL) {
LOGE("SDL_CreateTextureFromSurface failed %s", SDL_GetError());
} else {
LOGI("SDL_CreateTextureFromSurface successful.");
}
return texture;
}
/*
* Draw an SDL_Texture to an SDL_Renderer at position x, y, preserving
* the texture's width and height
* @param tex The source texture we want to draw
* @param ren The renderer we want to draw too
* @param x The x coordinate to draw too
* @param y The y coordinate to draw too
* @param w The width of the texture to draw
* @param h The height of the texture to draw
*/
void renderTexture(SDL_Texture *tex, SDL_Renderer *ren, SDL_Rect dst,
SDL_Rect *clip) {
SDL_RenderCopy(ren, tex, clip, &dst);
}
/*
* Draw an SDL_Texture to an SDL_Renderer at position x, y, preserving
* the texture's width and height and taking a clip of the texture if desired
* If a clip is passed, the clip's width and height will be used instead of the texture's
* @param tex The source texture we want to draw
* @param rend The renderer we want to draw too
* @param x The x coordinate to draw too
* @param y The y coordinate to draw too
* @param clip The sub-section of the texture to draw (clipping rect)
* default of nullptr draws the entire texture
*/
void renderTexture2(SDL_Texture *tex, SDL_Renderer *ren, int x, int y,
SDL_Rect *clip) {
SDL_Rect dst;
dst.x = x;
dst.y = y;
if (clip != NULL) {
dst.w = clip->w;
dst.h = clip->h;
} else {
SDL_QueryTexture(tex, NULL, NULL, &dst.w, &dst.h);
}
renderTexture(tex, ren, dst, clip);
}
int main(int argc, char *argv[]) {
//char *filefolder = "/storage/sdcard0/";
char *filefolder = argv[1];
char *image_temp = "image.png";
char *background_temp = "background.png";
LOGI("natvie_SDL %s", filefolder);
char *background_file = (char*) malloc(
strlen(filefolder) + strlen(background_temp) + 1);
strcpy(background_file, filefolder);
strcat(background_file, background_temp);
char *image_file = (char*) malloc(
strlen(filefolder) + strlen(image_temp) + 1);
strcpy(image_file, filefolder);
strcat(image_file, image_temp);
LOGI("natvie_SDL %s", image_file);
if (SDL_Init(SDL_INIT_EVERYTHING) != 0) {
LOGE("SDL_Init failed %s", SDL_GetError());
}
window = SDL_CreateWindow("lesson5", 100, 100, SCREEN_WIDTH, SCREEN_HEIGHT,
SDL_WINDOW_SHOWN);
if (window == NULL) {
LOGE("SDL_CreateWindow failed %s", SDL_GetError());
}
render = SDL_CreateRenderer(window, -1,
SDL_RENDERER_ACCELERATED | SDL_RENDERER_PRESENTVSYNC);
if (render == NULL) {
LOGE("SDL_CreateRenderer failed %s", SDL_GetError());
}
background = loadTexture(background_file, render);
image = loadTexture(image_file, render);
//Clear the window
SDL_RenderClear(render);
//Get the width and height from the texture so we know how much to move x,y by
//to tile it correctly
int bW, bH;
SDL_QueryTexture(background, NULL, NULL, &bW, &bH);
//Draw our image in the center of the window
//We need the foreground image's width to properly compute the position
//of it's top left corner so that the image will be centered
int iW = 100, iH = 100;
int x = SCREEN_WIDTH / 2 - iW / 2;
int y = SCREEN_HEIGHT / 2 - iH / 2;
//Setup the clips for our image
SDL_Rect clips[4];
int i;
for (i = 0; i < 4; i++) {
clips[i].x = i / 2 * iW;
clips[i].y = i % 2 * iH;
clips[i].w = iW;
clips[i].h = iH;
}
//Specify a default clip to start with
int useClip = 0;
SDL_Event e;
int quit = 1;
while (quit != 0) {
//Read any events that occured, for now we'll just quit if any event occurs
while (SDL_PollEvent(&e)) {
//If user closes the window
if (e.type == SDL_QUIT) {
quit = 0;
}
//If user presses any key
if (e.type == SDL_KEYDOWN) {
switch (e.key.keysym.sym) {
case SDLK_1:
useClip = 0;
break;
case SDLK_2:
useClip = 1;
break;
case SDLK_3:
useClip = 2;
break;
case SDLK_4:
useClip = 3;
break;
case SDLK_ESCAPE:
quit = 0;
break;
default:
break;
}
}
//If user clicks the mouse
if (e.type == SDL_MOUSEBUTTONDOWN) {
quit = 0;
}
}
//Rendering
SDL_RenderClear(render);
//We want to tile our background so draw it 4 times
renderTexture2(background, render, 0, 0, NULL);
renderTexture2(background, render, bW, 0, NULL);
renderTexture2(background, render, 0, bH, NULL);
renderTexture2(background, render, bW, bH, NULL);
//Draw the image
renderTexture2(image, render, x, y, &clips[useClip]);
SDL_RenderPresent(render);
}
//Destroy the various items
cleanup_texture(image);
cleanup_render(render);
cleanup_window(window);
IMG_Quit();
SDL_Quit();
return 0;
}
六、修改SDLActivity，加载SDL2_image库：
// Load the .so
static {
System.loadLibrary("SDL2");
System.loadLibrary("SDL2_image");
//System.loadLibrary("SDL2_mixer");
//System.loadLibrary("SDL2_net");
//System.loadLibrary("SDL2_ttf");
System.loadLibrary("main");
}
运行截图：
![[原]零基础学习SDL开发之在Android使用SDL2.0渲染PNG图片](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzAvMC80LzQvNzAvOWYyMjJmM2IxYTQ2MTE5NmNmNjQwYzMzNDFmMGE4M2EuanBl.jpe?w=700&webp=1 "[原]零基础学习SDL开发之在Android使用SDL2.0渲染PNG图片")