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

转自：http://blog.csdn.net/zhangjingyangguang/article/details/7617816

 

最近在写一个项目，要求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的，那么只需要写一个函数

 int ViewAutoScale(cocos2d::CCEGLView* view,
 void* title,
 int width,
 int height,
 cocos2d::CCSize* supportDisplay,
 int displays,
 int defaultWidth,
 int defaultHeight)
 {
 if(view == NULL)
 {
 return -1;
 }
 for (int i=0; i < displays; i++)
 {


 if ((w==size.width && h==size.height) || (h==size.width && w==size.height))
 {
 view->Create((LPCTSTR)title, width, height);
 return i+1;
 }
 }
 view->Create((LPCTSTR)title, defaultWidth, defaultHeight);
 view->setScreenScale(min((float)width/ defaultWidth, (float)height/ defaultHeight));
 view->resize(width, height);
 view->centerWindow();
 return 0;
 }

 int ViewAutoScale(cocos2d::CCEGLView* view,
                       void* title,
                       int width,
                       int height,
                       cocos2d::CCSize* supportDisplay,
                       int displays,
                       int defaultWidth,
                       int defaultHeight)
     {
          if(view == NULL)
         {
                  return -1;
         }
         for (int i=0; i < displays; i++)
         {


             if ((w==size.width && h==size.height) || (h==size.width && w==size.height))
                 {
                      view->Create((LPCTSTR)title, width, height);
                              return i+1;
                 }
         }
         view->Create((LPCTSTR)title, defaultWidth, defaultHeight);
         view->setScreenScale(min((float)width/ defaultWidth, (float)height/ defaultHeight));
         view->resize(width, height);
         view->centerWindow();
         return 0;
     }

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

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

 bool AppDelegate::initInstance()
 {
 bool bRet = false;
 do
 {
 #if (CC_TARGET_PLATFORM == CC_PLATFORM_WIN32)

 // Initialize OpenGLView instance, that release by CCDirector when application terminate.
 // The HelloWorld is designed as HVGA.
 CCSize sSupportDisplay[]={CCSize(1024, 768)};
 CCEGLView * pMainWnd = new CCEGLView();
 //CC_BREAK_IF(! pMainWnd
 // || ! pMainWnd->Create(TEXT("回乡偶书"), 1024, 768));
 if (ViewAutoScale(pMainWnd,TEXT("回乡偶书"),1024,768,
 sSupportDisplay,
 sizeof(sSupportDisplay)/sizeof(CCSize),
 1024,
 768)<0)
 {
 return false;
 }

 #endif // CC_PLATFORM_WIN32

 bool AppDelegate::initInstance()
 {
     bool bRet = false;
     do
     {
 #if (CC_TARGET_PLATFORM == CC_PLATFORM_WIN32)

         // Initialize OpenGLView instance, that release by CCDirector when application terminate.
         // The HelloWorld is designed as HVGA.
         CCSize sSupportDisplay[]={CCSize(1024, 768)};
         CCEGLView * pMainWnd = new CCEGLView();
         //CC_BREAK_IF(! pMainWnd
         //      || ! pMainWnd->Create(TEXT("回乡偶书"), 1024, 768));
         if (ViewAutoScale(pMainWnd,TEXT("回乡偶书"),1024,768,
                             sSupportDisplay,
                             sizeof(sSupportDisplay)/sizeof(CCSize),
                             1024,
                             768)<0)
         {
             return false;
         }

 #endif  // CC_PLATFORM_WIN32

}

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

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

修改方法如下：

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

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

代码如下：

 void Java_org_cocos2dx_lib_Cocos2dxRenderer_nativeInit(JNIEnv* env, jobject thiz, jint w, jint h)
 {
 if (!cocos2d::CCDirector::sharedDirector()->getOpenGLView())
 {
 cocos2d::CCEGLView *view = &cocos2d::CCEGLView::sharedOpenGLView();
 view->setFrameWidthAndHeight(w, h);
 view->create(1024,768);
 // if you want to run in WVGA with HVGA resource, set it
 // view->create(480, 320); Please change it to (320, 480) if you're in portrait mode.
 cocos2d::CCDirector::sharedDirector()->setOpenGLView(view);

 AppDelegate *pAppDelegate = new AppDelegate();
 cocos2d::CCApplication::sharedApplication().run();
 }
 else
 {
 cocos2d::CCTextureCache::reloadAllTextures();
 cocos2d::CCDirector::sharedDirector()->setGLDefaultValues();
 }
 }

 void Java_org_cocos2dx_lib_Cocos2dxRenderer_nativeInit(JNIEnv*  env, jobject thiz, jint w, jint h)
 {
     if (!cocos2d::CCDirector::sharedDirector()->getOpenGLView())
     {
     cocos2d::CCEGLView *view = &cocos2d::CCEGLView::sharedOpenGLView();
         view->setFrameWidthAndHeight(w, h);
         view->create(1024,768);
         // if you want to run in WVGA with HVGA resource, set it
         // view->create(480, 320);  Please change it to (320, 480) if you're in portrait mode.
         cocos2d::CCDirector::sharedDirector()->setOpenGLView(view);

         AppDelegate *pAppDelegate = new AppDelegate();
         cocos2d::CCApplication::sharedApplication().run();
     }
     else
     {
         cocos2d::CCTextureCache::reloadAllTextures();
         cocos2d::CCDirector::sharedDirector()->setGLDefaultValues();
     }
 }

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

好了，现在总结一下

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

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