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

前端之家收集整理的这篇文章主要介绍了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))


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

猜你在找的Cocos2d-x相关文章