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

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

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

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


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


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

所以在AppDelegate的applicationDidFinishLaunching中,加入

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


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);
运行:


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

将分辨率改为1800 * 640

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


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

相关文章

    本文实践自 RayWenderlich、Ali Hafizji 的文章《...
Cocos-code-ide使用入门学习地点:杭州滨江邮箱:appdevzw@1...
第一次開始用手游引擎挺激动!!!进入正题。下载资源1:从C...
    Cocos2d-x是一款强大的基于OpenGLES的跨平台游戏开发...
1.  来源 QuickV3sample项目中的2048样例游戏,以及最近《...
   Cocos2d-x3.x已经支持使用CMake来进行构建了,这里尝试...