//
//  FixUIUtils.h
//  MapTest
//
//  Created by Alostz on 16/4/16.
//
//

#ifndef FixUIUtils_h
#define FixUIUtils_h
#include "cocos2d.h"

using namespace cocos2d;
using namespace std;

class FixUIUtils
{
public:
    FixUIUtils();
    
    ~FixUIUtils();
    
    static void init();
    
    static void setFixScale(Node *node);
    
    static void setScaleMin(Node* node);
    
    static void setScaleMax(Node* node);
    
    static void setRootNodewithFIXED(Node* node);
    
    static void fixScene(Node* node);
    
    static void fixUI(Node* node);
    
};

#endif /* FixUIUtils_h */

//
//  FixUIUtils.cpp
//  MapTest
//
//  Created by Alostz on 16/4/16.
//
//

#include <FixUIUtils.h>
static cocos2d::Size designSize = cocos2d::Size(750,1334);
static cocos2d::Size screenSize;
static float minScale;
static float maxScale;

static float xScale;

static float yScale;

FixUIUtils::FixUIUtils(){

}

FixUIUtils::~FixUIUtils(){

}

void FixUIUtils::init(){
    screenSize = Director::getInstance()->getVisibleSize();
    xScale = designSize.width / screenSize.width;
    yScale = designSize.height / screenSize.height;
    minScale = MIN(screenSize.height/designSize.height,screenSize.width/designSize.width);
    maxScale = MAX(screenSize.height/designSize.height,screenSize.width/designSize.width);
    
    log("xScale = %f * xyScale = %f \n screenSize.width = %f * screenSize.height = %f \n",xScale,yScale,screenSize.width,screenSize.height);

}

//1、先适配layout层到屏幕大小
void FixUIUtils::setFixScale(Node *node){
    auto nodeX = node->getScaleX();
    auto nodeY = node->getScaleY();
    log("setFixScale nodeX = %f * nodeX = %f \n",nodeX,nodeY);
    nodeX = nodeX * xScale;
    nodeY = nodeY * yScale;
    
    log("setFixScale nodeX = %f * nodeX = %f \n",nodeY);
    node->setScaleX(nodeX);
    node->setScaleY(nodeY);
}

//屏幕宽、高分别和设计分辨率宽、高计算缩放因子，取较(大)者作为宽、高的缩放因子。
//适用于控件的缩放
void FixUIUtils::setScaleMax(Node *node){
    auto nodeX = node->getScaleX();
    auto nodeY = node->getScaleY();
    log("setScaleMax nodeX = %f * nodeX = %f \n",nodeY);

    nodeX = nodeX * maxScale;
    nodeY = nodeY * maxScale;
    log("setScaleMax nodeX = %f * nodeX = %f \n",nodeY);

    node->setScaleX(nodeX);
    node->setScaleY(nodeY);
}

//屏幕宽、高分别和设计分辨率宽、高计算缩放因子，取较(小)者作为宽、高的缩放因子。
//适用于背景的缩放
void FixUIUtils::setScaleMin(Node *node){
    auto nodeX = node->getScaleX();
    auto nodeY = node->getScaleY();
    log("setScaleMin nodeX = %f * nodeX = %f \n",nodeY);

    nodeX = nodeX * minScale;
    nodeY = nodeY * minScale;
    log("setScaleMin nodeX = %f * nodeX = %f \n",nodeY);

    node->setScaleX(nodeX);
    node->setScaleY(nodeY);
}


void FixUIUtils::setRootNodewithFIXED(Node* node){
    auto moveX = (designSize.width - screenSize.width);
    auto moveY = (designSize.height - screenSize.height);
    node->setPosition(Point(-moveX,-moveY));
}

void FixUIUtils::fixScene(Node* node){
    fixUI(node);
    FixUIUtils::setRootNodewithFIXED(node);
}


void FixUIUtils::fixUI(Node* node){
    Vector<Node*> ChildrenList = node->getChildren();

    for (Node* child: ChildrenList) {
        log("fixUI nodeX = %d \n",child->getTag());
        FixUIUtils::setScaleMin(child);
    }
    
}

//加载Cocos Studio编辑好的资源
    auto rootNode = csloader::createNode("test.csb");
    FixUIUtils::init();
    FixUIUtils::setFixScale(rootNode);
    FixUIUtils::fixScene(rootNode);
    this->addChild(rootNode);

config.json

{
    "init_cfg":{
       "isLandscape": true,"isWindowTop": false,"name": "mahjonghn","width": 1080,"height": 540,"entry": "src/main.lua","consolePort": 6050,"uploadPort": 6060
    },"simulator_screen_size": [
        {
            "title": "iPhone 3Gs (480x320)","width": 480,"height": 320
        },{
            "title": "iPhone 4 (960x640)","width": 960,"height": 640
        },{
            "title": "iPhone 5 (1136x640)","width": 1136,{
            "title": "iPad (1024x768)","width": 1024,"height": 768
        },{
            "title": "iPad Retina (2048x1536)","width": 2048,"height": 1536
        },{
            "title": "Android (800x480)","width": 800,"height": 480
        },{
            "title": "Android (854x480)","width": 854,{
            "title": "Android (1280x720)","width": 1280,"height": 720
        },{
            "title": "Android (1920x1080)","width": 1920,"height": 1080
        }
    ]
}

其中，

这个width和height调整为:

1080 * 540 小米mix2 2160*1080

960 * 640 普通手机 宽高比1.5

1024 * 768 ipad2 2048 * 1536

即可方便看到在不同手机上适配效果，再也不用担心公司没测试机啦

cc.view.setDesignResolutionSize(1024,768,cc.ResolutionPolicy.FIXED_WIDTH);

cc.ResolutionPolicy = {
    // The entire application is visible in the specified area without trying to preserve the original aspect ratio.
     distortion can occur,and the application may appear stretched or compressed.
    EXACT_FIT:0, The entire application fills the specified area,without distortion but possibly with some cropping,
     while maintaining the original aspect ratio of the application.
    NO_BORDER:1,0); line-height:1.5!important"> The entire application is visible in the specified area without distortion while maintaining the original
     aspect ratio of the application. Borders can appear on two sides of the application.
    SHOW_ALL:2,0); line-height:1.5!important"> The application takes the height of the design resolution size and modifies the width of the internal
     canvas so that it fits the aspect ratio of the device
     no distortion will occur however you must make sure your application works on different
     aspect ratios
    FIXED_HEIGHT:3,0); line-height:1.5!important"> The application takes the width of the design resolution size and modifies the height of the internal
     aspect ratios
    FIXED_WIDTH:4,UNKNowN:5
};