[cocos2d-x]屏幕自适应解决办法

简介: 最近在写一个项目,要求pc,ipad,andriod平台上都可以运行,所以选择用cocos2d-x来开发。我们的资源大小是1024*768的,在pc上和苹果上都是没有问题的,可是到了andriod上,问题就来了。

最近在写一个项目,要求pc,ipad,andriod平台上都可以运行,所以选择用cocos2d-x来开发。我们的资源大小是1024*768的,在pc上和苹果上都是没有问题的,可是到了andriod上,问题就来了。andriod上有有各种各样的分辨率,那么程序在所有的分辨率上都可以正常运行显示呢?针对这个问题,我想了好几种方法:

(1)弄多套资源

因为这个项目里面有很多动画资源,如果要弄多套资源,工作量比较大,项目时间比较紧,不允许用这套方案

(2)cocos2d-x里面有一个方法

pDirector->setContentScaleFactor(0.5);

这个方法是把整个场景缩小到一半,界面上看上去没问题,但是里面要点击的精灵相应位置全不对了,如果用这套方法,代码要写好几套,要根据不同的分辨率来调整不同精灵的摆放位置和相应位置。尽管资源是一份,可是,代码要重新写过,要先机器的分辨率,然后再决定用那套精灵位置和相应位置的代码。可如何或如andriod下面机器分分辨率,这个还是个问题。再三思考后,打算做成多个apk文件,就做主流的分辨率,譬如说1024*768,1280*800,800*480等。本来已经打算这么弄了,可还是发现了更好的第三种办法。

(3)这种办法只需要一套资源,精灵位置也只有一套(不管是绝对位置还是相对位置),绝对是最佳的选择。

先说windows下的解决方法:

譬如说我们的项目是1024*768的,现在要改成大小是800*600的,那么只需要写一个函数

 

[cpp]  view plain copy
  1. int ViewAutoScale(cocos2d::CCEGLView* view,     
  2.                       void* title,    
  3.                       int width,     
  4.                       int height,    
  5.                       cocos2d::CCSize* supportDisplay,    
  6.                       int displays,    
  7.                       int defaultWidth,    
  8.                       int defaultHeight)    
  9.     {    
  10.          if(view == NULL)    
  11.         {    
  12.                  return -1;    
  13.         }    
  14.         for (int i=0; i < displays; i++)    
  15.         {    
  16.   
  17.   
  18.             if ((w==size.width && h==size.height) || (h==size.width && w==size.height))    
  19.                 {    
  20.                      view->Create((LPCTSTR)title, width, height);    
  21.                              return i+1;    
  22.                 }    
  23.         }    
  24.         view->Create((LPCTSTR)title, defaultWidth, defaultHeight);    
  25.         view->setScreenScale(min((float)width/ defaultWidth, (float)height/ defaultHeight));    
  26.         view->resize(width, height);    
  27.         view->centerWindow();    
  28.         return 0;    
  29.     }    


 

这个函数要放在AppDelegate.cpp中作为全局函数,然后在

bool AppDelegate::initInstance()中调用,用法如下:

[cpp]  view plain copy
  1. bool AppDelegate::initInstance()  
  2. {  
  3.     bool bRet = false;  
  4.     do  
  5.     {  
  6. #if (CC_TARGET_PLATFORM == CC_PLATFORM_WIN32)  
  7.   
  8.         // Initialize OpenGLView instance, that release by CCDirector when application terminate.  
  9.         // The HelloWorld is designed as HVGA.  
  10.         CCSize sSupportDisplay[]={CCSize(1024, 768)};  
  11.         CCEGLView * pMainWnd = new CCEGLView();  
  12.         //CC_BREAK_IF(! pMainWnd  
  13.         //      || ! pMainWnd->Create(TEXT("回乡偶书"), 1024, 768));  
  14.         if (ViewAutoScale(pMainWnd,TEXT("回乡偶书"),1024,768,  
  15.                             sSupportDisplay,  
  16.                             sizeof(sSupportDisplay)/sizeof(CCSize),  
  17.                             1024,  
  18.                             768)<0)  
  19.         {  
  20.             return false;  
  21.         }  
  22.   
  23. #endif  // CC_PLATFORM_WIN32  

}

上面的1024*768是我们本身的大小,800*480是我们想适应的大小,这样,就只要调整800*480的参数,就可以改成自己想要的大小。

第二个是在andriod下实现屏幕自适应,其实更简单,只需要一个方法,而且cocos2d-x下面已经帮我们实现好了,只需要调用即可。

修改方法如下:

进入到HelloWorld/android/jni/helloworld/main.cpp中,

然后调用view->create(1024,768);

代码如下:

[cpp]  view plain copy
  1. void Java_org_cocos2dx_lib_Cocos2dxRenderer_nativeInit(JNIEnv*  env, jobject thiz, jint w, jint h)  
  2. {  
  3.     if (!cocos2d::CCDirector::sharedDirector()->getOpenGLView())  
  4.     {  
  5.     cocos2d::CCEGLView *view = &cocos2d::CCEGLView::sharedOpenGLView();  
  6.         view->setFrameWidthAndHeight(w, h);  
  7.         view->create(1024,768);  
  8.         // if you want to run in WVGA with HVGA resource, set it  
  9.         // view->create(480, 320);  Please change it to (320, 480) if you're in portrait mode.  
  10.         cocos2d::CCDirector::sharedDirector()->setOpenGLView(view);  
  11.   
  12.         AppDelegate *pAppDelegate = new AppDelegate();  
  13.         cocos2d::CCApplication::sharedApplication().run();  
  14.     }  
  15.     else  
  16.     {  
  17.         cocos2d::CCTextureCache::reloadAllTextures();  
  18.         cocos2d::CCDirector::sharedDirector()->setGLDefaultValues();  
  19.     }  
  20. }  

这样,就可以了,不管andriod是什么分辨率,使用了这个方法后,都会自动调整,一切ok。

 

好了,现在总结一下

用第三种方法固然后,但是也有弊端,譬如说程序本来是支持1024*768的,然后我们要改成800*480的,宽和高是不成比例的,所以用这种方法后,在x轴上会有黑边。

如果要全屏的效果,那只能用第一种方法,做多套资源处理之。

相关文章
|
6月前
CocosCreator 面试题(二十) Cocos creator 如何实现一个置灰Shader?
CocosCreator 面试题(二十) Cocos creator 如何实现一个置灰Shader?
228 0
|
6月前
|
编解码 前端开发 UED
CocosCreator 面试题(十一)Cocos Creator 屏幕适配
CocosCreator 面试题(十一)Cocos Creator 屏幕适配
261 0
|
iOS开发
iOS reloadSections 页面跳动解决办法
iOS reloadSections 页面跳动解决办法
1194 0