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))
四个角仍然在对应顶点的相对位置上