[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),就会看到调用的不同的资源效果。

相关文章
|
8月前
|
前端开发
怎样使用@media 媒体查询自适应网页窗口
怎样使用@media 媒体查询自适应网页窗口
50 0
|
编解码
LabVIEW自适应屏幕分辨率的两种方法
前阵子做的一个项目是在显示器分辨率为 2560*1600,缩放选项为 150% 的笔记本上开发的,但是当 vi 文件在另一台显示器分辨率为 1920*1080,缩放选项为 150% 的笔记本上时出现了显示不完全的问题,也就是说,换成了低分辨率的显示器后,并没有自适应屏幕,因此花费了一点儿时间解决了这个问题,在此记录一下。
457 2
|
Android开发
【Flutter】Android、Flutter 折叠屏适配 ( 展开大屏 | 折叠主屏 | 折叠副屏 | 静态展示 | 动态热切换适配 | 拉伸布局 | X 轴自适应适配 | 布局重构 )(二)
【Flutter】Android、Flutter 折叠屏适配 ( 展开大屏 | 折叠主屏 | 折叠副屏 | 静态展示 | 动态热切换适配 | 拉伸布局 | X 轴自适应适配 | 布局重构 )(二)
438 0
【Flutter】Android、Flutter 折叠屏适配 ( 展开大屏 | 折叠主屏 | 折叠副屏 | 静态展示 | 动态热切换适配 | 拉伸布局 | X 轴自适应适配 | 布局重构 )(二)
|
编解码 Android开发
【Flutter】Android、Flutter 折叠屏适配 ( 展开大屏 | 折叠主屏 | 折叠副屏 | 静态展示 | 动态热切换适配 | 拉伸布局 | X 轴自适应适配 | 布局重构 )(一)
【Flutter】Android、Flutter 折叠屏适配 ( 展开大屏 | 折叠主屏 | 折叠副屏 | 静态展示 | 动态热切换适配 | 拉伸布局 | X 轴自适应适配 | 布局重构 )(一)
539 0
【Flutter】Android、Flutter 折叠屏适配 ( 展开大屏 | 折叠主屏 | 折叠副屏 | 静态展示 | 动态热切换适配 | 拉伸布局 | X 轴自适应适配 | 布局重构 )(一)
|
监控 数据处理 开发工具
如何让一套代码适配所有iOS设备尺寸?
随着移动互联网设备和技术的发展,各种移动设备屏幕尺寸层出不穷,折叠屏、分屏、悬浮窗等等,面对越来越多样的屏幕,如果为每种尺寸单独进行适配,不仅费时费力,还会增加端侧代码的开发与维护压力。如何让一套代码适配所有尺寸变化,增强App的通用能力?阿里巴巴文娱技术 氚雨 将分享优酷APP在iOS响应式布局技术上的实践和落地。
267 0
|
编解码
苹果手机截屏分辨率,注意视图的标准与放大的差异
为了苹果应用上架,吾亲自(?)截屏。结果发现,截屏后的图片分辨率,始终不对。怎么个不对法?
401 0
|
前端开发 JavaScript Android开发

热门文章

最新文章