[cocos2d-x]针对不同的设备,选取不同的自适应图片

简介: 前言: 我们在进行移动设备开发的时候,我们常常会准备不同大小的图片资源以适应不同大小的设备,下面我称普清图片资源和高清图片资源。那么如何做到图片资源的自适应呢?下面我来用一个demo展示一下这个效果的实现。

前言:

我们在进行移动设备开发的时候,我们常常会准备不同大小的图片资源以适应不同大小的设备,下面我称普清图片资源和高清图片资源。那么如何做到图片资源的自适应呢?下面我来用一个demo展示一下这个效果的实现。

工具介绍:

IOS开发有一个非常好用的图片合成工具,能够让多个png图片合成一个大的资源图片,也可以生成普清和高清的两种资源图片,这个工具就是TextureParker

如何用TextureParker生成资源图片

打开TP工具,然后Add Sprites,添加上你想要添加的图片资源(最好是png图片),然后点击AutoSD选项->Cocos2d-x HD/SD->Apply。然后看看路径Data file和Texture file上是否加上HD/,如果加上了那再点击Publish导出来就OK了。

实现步骤:

1.新建项目文件,并且将HD和SD文件夹导入到项目的Resources中

2.在AppDelegate的applicationDidFinishLaunching方法中添加图片的自适应代码

//图片自适应
    TargetPlatform target = getTargetPlatform();
//如果是iPhone设备
    if (target == kTargetIphone) {
        CCSize size = CCEGLView::sharedOpenGLView()->getFrameSize();
        if (size.width == 480) {
            CCFileUtils::sharedFileUtils()->addSearchPath("SD/");
            CCLog("普清");
        }
        else
        {
            CCFileUtils::sharedFileUtils()->addSearchPath("HD/");
            CCLog("高清");
        }
    }

3.在主view中调用图片资源创建精灵

CCSize size = CCDirector::sharedDirector()->getWinSize();
    
    CCSpriteFrameCache::sharedSpriteFrameCache()->addSpriteFramesWithFile("pic.plist");
    CCSpriteFrame * sp1 = CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName("alien.png");
    CCSprite * sp = CCSprite::createWithSpriteFrame(sp1);
    sp->setPosition(CCPointMake(size.width/2, size.height/2+40));
    this->addChild(sp);

测试:

选择不同的设备,例如选择硬件->设备->iPhone跟iPone3.5(inch),就会看到调用的不同的资源效果。

相关文章
|
4月前
|
容器
软件开发常见流程之物理像素导致图片变形问题如何解决,先把图缩放为原先的两倍,再缩放,利用Cutterman生成矢量图
软件开发常见流程之物理像素导致图片变形问题如何解决,先把图缩放为原先的两倍,再缩放,利用Cutterman生成矢量图
|
6月前
|
编解码 iOS开发
高ppi的iPhone 12 mini的图标是非标准的3倍图
高ppi的iPhone 12 mini的图标是非标准的3倍图
55 0
|
编解码
漏刻有时拼接屏测试分辨率的测试页面
漏刻有时拼接屏测试分辨率的测试页面
58 0
|
Android开发 异构计算
Android图形显示系统——下层显示4:图层合成上(合成原理与3D合成)
Android显示之图层合成 要点 1.图层合成指综合各个窗口的绘制内容,送往LCD显示的过程。从原理上可分为在线合成与离线合成两种方式。 2.在Android的SurfaceFlinger代码流程中,图层合成方式分3D合成(OpenGL)和硬件合成两大类。 3.图形系统采用垂直同步Vsync机制,由LCD上报vsync,触发图层合成。 图层合成的原理
5972 0
|
计算机视觉
Qt实用技巧:Qt设计器中QIcon的缩放(qss的放大和QIcon自动缩小(无法自动放大))
Qt实用技巧:Qt设计器中QIcon的缩放(qss的放大和QIcon自动缩小(无法自动放大))
Qt实用技巧:Qt设计器中QIcon的缩放(qss的放大和QIcon自动缩小(无法自动放大))
【音频处理】Melodyne 网络缩放功能 ( 音符分离线 | 片段分离线 | 窗口滚动条 | 网格缩放 | 修改图像显示位置 | 显示五线谱 )
【音频处理】Melodyne 网络缩放功能 ( 音符分离线 | 片段分离线 | 窗口滚动条 | 网格缩放 | 修改图像显示位置 | 显示五线谱 )
395 0
【音频处理】Melodyne 网络缩放功能 ( 音符分离线 | 片段分离线 | 窗口滚动条 | 网格缩放 | 修改图像显示位置 | 显示五线谱 )
|
编解码
音视频开发: ffmpeg保持原视频比例增加黑色背景(画黑边)
音视频开发: ffmpeg保持原视频比例增加黑色背景(画黑边)
971 0
音视频开发: ffmpeg保持原视频比例增加黑色背景(画黑边)
|
编解码
苹果手机截屏分辨率,注意视图的标准与放大的差异
为了苹果应用上架,吾亲自(?)截屏。结果发现,截屏后的图片分辨率,始终不对。怎么个不对法?
388 0
|
前端开发 JavaScript Android开发