注册 登录
  • 欢迎访问Sharezer Blog

Cocos Studio 2.0以后 多分辨率适配(顶点适配)

Cocos sharezer 1113次浏览 已收录 0个评论

Cocos Studio 2.0以后,增加了四个图钉,用于固定与拉伸UI

如下图将一个按钮固定在距离左上角(100, 100)的位置

点击图钉,输入(100, 100),就可以看到预览中看到效果

Cocos Studio 2.0以后 多分辨率适配(顶点适配)

接下来,来试验一下每一个角做一个按钮

Cocos Studio 2.0以后 多分辨率适配(顶点适配)

由于我的设计分辨率为 960 * 640 

所以在AppDelegate的applicationDidFinishLaunching中,加入

director->getOpenGLView()->setDesignResolutionSize(960,640,ResolutionPolicy::FIXED_HEIGHT); 

Cocos Studio 2.0以后 多分辨率适配(顶点适配)

createWithRect设置成你想要的分辨率大小(createWithRect对移动平台无效)

在HelloWorldScene.cpp中加入

auto rootNode = CSLoader::createNode("MainScene.csb");

addChild(rootNode);
Size size = Director::getInstance()->getVisibleSize();
rootNode->setContentSize(size);
cocos2d::ui::Helper::doLayout(rootNode);

运行:

Cocos Studio 2.0以后 多分辨率适配(顶点适配)

可以看到角一个按钮都在与对应顶点的相对位置上

将分辨率改为1800 * 640 

glview = GLViewImpl::createWithRect("CocosStudioTest", Rect(0, 0, 1800, 640))

Cocos Studio 2.0以后 多分辨率适配(顶点适配)

四个角仍然在对应顶点的相对位置上


Sharezer , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明Cocos Studio 2.0以后 多分辨率适配(顶点适配)
喜欢 (1)
[liangshaoze@sina.cn]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址